/* AI4Trening V21.00 — Visual Proof & Real Training World */
.fx21{padding:84px 0!important;background:linear-gradient(180deg,#071009,#050a07 68%,#061009)!important;border-top:1px solid rgba(255,255,255,.05)}
.fx21-head{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:end;margin-bottom:28px}
.fx21-eyebrow{color:#d5ff73;font-size:10px;font-weight:950;letter-spacing:.16em}.fx21-head h2{margin:9px 0 0;color:#f5f8f6;font-size:clamp(40px,5.2vw,64px);line-height:.95;letter-spacing:-.06em}.fx21-head p{margin:0;color:#aab5ad;font-size:16px;line-height:1.6}
.fx21-stage{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}
.fx21-visual{position:relative;min-height:600px;border-radius:31px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#09110b;box-shadow:0 34px 90px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.03)}
.fx21-visual picture,.fx21-visual img{position:absolute;inset:0;width:100%;height:100%}.fx21-visual img{object-fit:cover;object-position:center;transition:opacity .22s ease,transform .5s ease}.fx21-visual.is-changing img{opacity:.18;transform:scale(1.015)}
.fx21-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,6,.08),rgba(4,9,6,.16) 35%,rgba(4,9,6,.88) 83%,rgba(4,9,6,.97) 100%),linear-gradient(90deg,rgba(4,9,6,.16),transparent 50%)}
.fx21-topline{position:absolute;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;align-items:center;gap:12px}.fx21-topline span,.fx21-topline b{padding:7px 10px;border-radius:999px;background:rgba(4,10,7,.55);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);border:1px solid rgba(255,255,255,.11);font-size:9px;font-weight:950;letter-spacing:.11em;color:#d7e0d9}.fx21-topline b{color:#e0ff91;border-color:rgba(183,255,0,.22)}
.fx21-caption{position:absolute;left:26px;right:26px;bottom:116px;max-width:660px}.fx21-caption small{color:#d7ff79;font-size:9px;font-weight:950;letter-spacing:.14em}.fx21-caption h3{margin:9px 0 9px;color:#fff;font-size:clamp(35px,5vw,58px);line-height:.94;letter-spacing:-.06em;text-shadow:0 12px 34px rgba(0,0,0,.3)}.fx21-caption p{margin:0;color:#bdc7bf;font-size:14px;max-width:580px;line-height:1.55}
.fx21-data{position:absolute;left:22px;right:22px;bottom:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.fx21-data div{padding:13px 14px;border-radius:16px;background:rgba(4,10,7,.70);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px);border:1px solid rgba(255,255,255,.10)}.fx21-data small{display:block;color:#849188;font-size:8px;font-weight:900;letter-spacing:.1em}.fx21-data strong{display:block;margin-top:4px;color:#f1f5f2;font-size:15px}
.fx21-selector{display:grid;gap:9px}.fx21-selector button{min-height:104px;border-radius:22px;border:1px solid rgba(255,255,255,.075);background:linear-gradient(145deg,#0f1912,#07100a);display:grid;grid-template-columns:38px 1fr 22px;gap:12px;align-items:center;padding:14px 16px;color:#dbe2dc;text-align:left;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.025)}.fx21-selector button>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.04);color:#8c988f;font-size:9px;font-weight:950}.fx21-selector button div{display:grid;gap:4px}.fx21-selector strong{font-size:16px;color:#edf2ee}.fx21-selector small{font-size:9px;color:#89958c}.fx21-selector button>b{font-size:18px;color:#677269}.fx21-selector button.is-active{border-color:rgba(183,255,0,.25);background:radial-gradient(100% 120% at 100% 0,rgba(183,255,0,.08),transparent 65%),linear-gradient(145deg,#132017,#07100a)}.fx21-selector button.is-active>span{background:#b7ff00;color:#071008}.fx21-selector button.is-active>b{color:#d7ff79}
.fx21-proof-row{margin-top:14px;border:1px solid rgba(255,255,255,.085);border-radius:29px;background:radial-gradient(80% 130% at 100% 0,rgba(183,255,0,.07),transparent 66%),linear-gradient(145deg,#111d15,#07100a);padding:26px;display:grid;grid-template-columns:.9fr 1.1fr;gap:32px;align-items:center}.fx21-proof-copy h3{margin:8px 0;color:#f4f7f5;font-size:32px;line-height:1;letter-spacing:-.045em}.fx21-proof-copy p{margin:0;color:#a0aba2;line-height:1.55}.fx21-proof-points{display:grid;grid-template-columns:1fr 1fr;gap:11px}.fx21-proof-points span{display:flex;align-items:center;gap:10px;color:#c2cbc4;font-size:12px}.fx21-proof-points i{width:8px;height:8px;border-radius:50%;background:#b7ff00;box-shadow:0 0 12px rgba(183,255,0,.25)}
.fx21-mobile-proof{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.fx21-mobile-proof span{padding:7px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.02);color:#7f8b82;font-size:8px;font-weight:900;letter-spacing:.11em}
@media(hover:hover) and (pointer:fine){.fx21-selector button{transition:transform .16s ease,border-color .16s ease,background .16s ease}.fx21-selector button:hover{transform:translateY(-2px);border-color:rgba(183,255,0,.16)}.fx21-visual:hover img{transform:scale(1.012)}}
@media(max-width:900px){.fx21-head,.fx21-stage,.fx21-proof-row{grid-template-columns:1fr}.fx21-selector{grid-template-columns:repeat(5,minmax(150px,1fr));overflow:auto;padding-bottom:4px;scrollbar-width:none}.fx21-selector::-webkit-scrollbar{display:none}.fx21-selector button{min-height:86px}.fx21-visual{min-height:560px}}
@media(max-width:640px){.fx21{padding:58px 0!important}.fx21-head{gap:15px}.fx21-head h2{font-size:clamp(40px,11vw,55px)}.fx21-head p{font-size:15px}.fx21-visual{min-height:510px;border-radius:25px}.fx21-caption{left:20px;right:20px;bottom:170px}.fx21-caption h3{font-size:40px}.fx21-data{left:16px;right:16px;bottom:16px;grid-template-columns:1fr}.fx21-data div{padding:10px 12px}.fx21-selector{grid-template-columns:repeat(5,minmax(132px,1fr))}.fx21-selector button{min-height:78px;grid-template-columns:32px 1fr;padding:11px 12px;border-radius:18px}.fx21-selector button>span{width:32px;height:32px}.fx21-selector button>b{display:none}.fx21-proof-row{padding:21px;border-radius:24px}.fx21-proof-points{grid-template-columns:1fr}.fx21-mobile-proof{display:none}}
@media(prefers-reduced-motion:reduce){.fx21-visual img,.fx21-selector button{transition:none!important;transform:none!important}}