/* Страница кейсов A3 bot: неоновый стиль главной. */
.a3cp{max-width:1680px;margin:auto;padding:110px 4% 40px;background:#000;color:#e9eff4;font-family:Arial,Helvetica,sans-serif}
.a3cp *{box-sizing:border-box}
.a3cp .draft-note{margin:0 0 24px;padding:10px 14px;border:1px dashed #ff2a6d;border-radius:10px;font-size:12px;color:#ff7aa0}
.a3cp .crumbs{display:flex;gap:10px;margin-bottom:34px;font-size:12px;color:#5f8a92}
.a3cp .crumbs a{color:#00f0ffaa;text-decoration:none}
.a3cp .crumbs a:hover{color:#00f0ff;text-shadow:0 0 6px #00f0ff88}
.a3cp .eyebrow{margin:0 0 26px;font-size:11px;letter-spacing:1px;color:#fcee0a;text-shadow:0 0 6px #fcee0a88}
.a3cp h1{margin:0;font-size:clamp(40px,5vw,84px);font-weight:400;letter-spacing:-.05em;line-height:1.02}
.a3cp h1 span,.a3cp .cp-cta h2 span{color:#7fa9b0}
.a3cp .cp-lead{max-width:560px;margin:26px 0 0;font-size:15px;line-height:1.6;color:#8fb2b9}
.a3cp .cp-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;border:1px solid #00f0ffaa;border-radius:16px;box-shadow:0 0 0 1px #00f0ff22,0 0 18px #00f0ff44,inset 0 0 24px #00f0ff0d}
.a3cp .cp-stats div{padding:24px 30px}
.a3cp .cp-stats div+div{border-left:1px solid #00f0ff44}
.a3cp .cp-stats b{display:block;font-size:clamp(30px,3vw,44px);font-weight:400;letter-spacing:-2px;color:#eafcff;text-shadow:0 0 10px #00f0ff88}
.a3cp .cp-stats span{display:block;margin-top:6px;font-size:13px;color:#7fa9b0}
.a3cp .cp-filter{display:flex;flex-wrap:wrap;gap:8px;margin:56px 0 30px}
.a3cp .cp-filter button{padding:11px 18px;border:1px solid #00f0ff44;border-radius:24px;background:#05090b;color:#9fd8de;font:12px Arial,sans-serif;cursor:pointer;transition:.25s}
.a3cp .cp-filter button:hover{border-color:#00f0ffcc;color:#eafcff;box-shadow:0 0 12px #00f0ff55}
.a3cp .cp-filter button[aria-pressed=true]{background:#fcee0a;border-color:#fcee0a;color:#0a0a0a;font-weight:700;box-shadow:0 0 14px #fcee0a99}
.a3cp .cp-list{display:flex;flex-direction:column;gap:24px}
.a3cp .cp-case{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);border:1px solid #00f0ff44;border-radius:18px;overflow:hidden;background:linear-gradient(160deg,#00f0ff0b,transparent 45%),#03070a;box-shadow:0 0 0 1px #00f0ff10,0 0 16px #00f0ff1f;transition:border-color .3s,box-shadow .3s}
.a3cp .cp-case:hover{border-color:#00f0ffaa;box-shadow:0 0 0 1px #00f0ff22,0 0 24px #00f0ff44}
.a3cp .cp-case:nth-child(even) .cp-media{order:2}
.a3cp .cp-media{position:relative;min-height:420px;background:#0a0a0a}
.a3cp .cp-media img,.a3cp .cp-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.a3cp .cp-body{padding:34px 38px}
.a3cp .cp-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px}
.a3cp .cp-num{color:#ff2a6d;text-shadow:0 0 6px #ff2a6d88}
.a3cp .cp-type{color:#00f0ffaa}
.a3cp .cp-body h2{margin:18px 0 6px;font-size:clamp(28px,2.6vw,42px);font-weight:400;letter-spacing:-1px;color:#eafcff;text-shadow:0 0 10px #00f0ff44}
.a3cp .cp-niche{margin:0 0 24px;font-size:13px;color:#7fa9b0}
.a3cp .cp-block{margin-bottom:20px}
.a3cp .cp-block h3{margin:0 0 8px;font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fcee0a}
.a3cp .cp-block p{margin:0;font-size:14px;line-height:1.6;color:#b9cfd4}
.a3cp .cp-block ul{margin:0;padding:0;list-style:none}
.a3cp .cp-block li{position:relative;padding:6px 0 6px 20px;font-size:14px;line-height:1.5;color:#b9cfd4;border-bottom:1px solid #00f0ff1a}
.a3cp .cp-block li:before{content:"↳";position:absolute;left:0;color:#00f0ff}
.a3cp .cp-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0 22px}
.a3cp .cp-results div{padding:14px;border:1px solid #00f0ff44;border-radius:12px;background:#00f0ff08}
.a3cp .cp-results b{display:block;font-size:26px;font-weight:400;letter-spacing:-1px;color:#fcee0a;text-shadow:0 0 10px #fcee0a77}
.a3cp .cp-results span{display:block;margin-top:6px;font-size:11px;line-height:1.4;color:#8fb2b9}
.a3cp .cp-meta{display:flex;flex-wrap:wrap;gap:10px 30px;padding-top:16px;border-top:1px solid #ff2a6d55;font-size:13px;color:#d7e6ea}
.a3cp .cp-meta small{display:block;margin-bottom:4px;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#ff7aa0}
.a3cp .cp-cta{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:70px;padding-top:30px;position:relative;border-top:1px solid #ff2a6d77}
.a3cp .cp-cta:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;box-shadow:0 0 8px #ff2a6d99,0 0 16px #ff2a6d44}
.a3cp .cp-cta h2{margin:0;font-size:clamp(30px,3.4vw,54px);font-weight:400;letter-spacing:-2px;line-height:1.05}
.a3cp .cp-btn{flex:none;padding:15px 26px;border-radius:26px;background:#e8eef2;color:#101820;text-decoration:none;font-size:13px;box-shadow:0 0 16px #00f0ff44;transition:.25s}
.a3cp .cp-btn:hover{background:#fcee0a;box-shadow:0 0 18px #fcee0aaa,0 0 40px #fcee0a55}
@media(max-width:900px){
.a3cp{padding:90px 20px 30px}
.a3cp .cp-stats{grid-template-columns:1fr}
.a3cp .cp-stats div+div{border-left:0;border-top:1px solid #00f0ff44}
.a3cp .cp-case{grid-template-columns:1fr}
.a3cp .cp-case:nth-child(even) .cp-media{order:0}
.a3cp .cp-media{min-height:0;aspect-ratio:4/3}
.a3cp .cp-body{padding:24px 20px}
.a3cp .cp-results{grid-template-columns:1fr 1fr 1fr;gap:6px}
.a3cp .cp-results b{font-size:20px}
.a3cp .cp-cta{flex-direction:column;align-items:stretch}
.a3cp .cp-btn{text-align:center}
}