.ai-visual-section {
  position: relative;
  display: block;
  min-height: 760px;
  padding: 68px clamp(24px, 5vw, 84px) 78px;
  overflow: hidden;
  background: radial-gradient(circle at 75% 45%, rgba(100, 56, 193, .14), transparent 34%), linear-gradient(135deg, #090817, #070613);
}
.ai-visual-section:before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(rgba(131,84,219,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(131,84,219,.035) 1px,transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(90deg,#000,transparent 55%); }
.ai-visual-copy { position: relative; z-index: 2; display: block; min-height: 120px; padding: 0 0 25px; }
.ai-counter { position: absolute; top: 0; left: 0; display: flex; align-items: center; gap: 7px; color: #625c70; font-size: 10px; }
.ai-counter i { width: 72px; height: 1px; margin-right: 12px; background: linear-gradient(90deg,#a471ff 28%,rgba(255,255,255,.12) 28%); }
.ai-counter b { color: #d7c8ef; font-size: 14px; }
.ai-visual-copy small { color: #8f60e7; font-size: 9px; letter-spacing: 4px; }
.ai-visual-copy h2 { max-width: none; margin: 12px 0 0; font-size: clamp(48px, 4.3vw, 66px); line-height: 1; letter-spacing: -4px; font-weight: 700; white-space: nowrap; }
.ai-visual-copy h2:after { content: ""; display: block; width: min(520px,38vw); height: 2px; margin-top: 20px; background: linear-gradient(90deg,#9966ef,transparent); }
.ai-visual-copy p { display: none; }
.ai-visual-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; align-items: stretch; }
.ai-visual-grid article { position: relative; width: 100%; height: 520px; overflow: hidden; border: 1px solid rgba(170,127,248,.18); border-radius: 21px; background: #0c0919; box-shadow: 0 28px 65px rgba(0,0,0,.34); cursor: pointer; transition: transform .45s,border-color .35s,box-shadow .35s; }
.ai-visual-grid article video { display: block; width: 100%; height: 100%; object-fit: cover; background: linear-gradient(145deg,#171029,#090713); filter: saturate(.82) brightness(.72); transition: transform .7s,filter .4s; }
.ai-visual-grid article:after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg,rgba(8,5,19,.02) 45%,rgba(7,4,17,.92)); }
.ai-visual-grid article > div { position: absolute; z-index: 3; left: 20px; right: 20px; bottom: 20px; }
.ai-visual-grid article span { color: #a477f4; font-size: 8px; letter-spacing: 2px; }
.ai-visual-grid article h3 { margin: 8px 0 0; font-size: 15px; }
.ai-visual-grid article b { position: absolute; right: 0; bottom: 2px; color: #9b6dec; font-size: 7px; letter-spacing: 1.5px; }
.ai-visual-grid article:hover { transform: translateY(-10px) scale(1.015); border-color: rgba(174,128,255,.5); box-shadow: 0 38px 90px rgba(0,0,0,.5),0 0 35px rgba(119,66,217,.12); }
.ai-visual-grid article:nth-child(2):hover,.ai-visual-grid article:nth-child(4):hover { transform: translateY(-10px) scale(1.015); }
.ai-visual-grid article:hover video { transform: scale(1.045); filter: saturate(1) brightness(.9); }

@media(max-width:1000px){.ai-visual-section{min-height:auto;padding-top:80px}.ai-visual-copy{min-height:130px;padding-bottom:25px}.ai-visual-copy h2{margin-bottom:0}.ai-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-visual-grid article{height:440px}}
@media(max-width:700px){.ai-visual-section{display:block;padding:65px 18px 70px}.ai-visual-copy{min-height:0;padding:0 4px 28px}.ai-counter{margin-bottom:38px}.ai-counter i{width:48px}.ai-visual-copy h2{font-size:48px;letter-spacing:-3px;margin-top:12px;white-space:normal}.ai-visual-copy h2:after{width:80%;margin-top:18px}.ai-visual-grid{display:grid;grid-template-columns:1fr;gap:14px;overflow:visible;padding:0}.ai-visual-grid article,.ai-visual-grid article:nth-child(2),.ai-visual-grid article:nth-child(4){width:100%;height:480px;transform:none}.ai-visual-grid article:hover,.ai-visual-grid article:nth-child(2):hover,.ai-visual-grid article:nth-child(4):hover{transform:none}}