/* П.7 Блок-визитка после экскурсии (assets/fx/vizitka.js) — вёрстка как в наброске romb.html */
.fxz{background:#07080A;padding-block:clamp(28px,4vw,56px) 0}
.fxz .wrap{max-width:1180px;margin:0 auto;padding-inline:24px}
.fxz-viz{position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px;overflow:hidden;
  background:linear-gradient(180deg,#0F1013,#141519);border:1px solid #23252C;border-radius:24px;padding:clamp(24px,4vw,56px)}
.fxz-logo{display:inline-flex;align-items:center;gap:14px}
.fxz-logo .bw{font:700 clamp(54px,7vw,92px)/1 Onest,sans-serif;letter-spacing:-.04em;
  background:linear-gradient(90deg,#4C86F0,#9A5BB0,#E8412E,#FF7A2A,#FFC24A,#FF7A2A,#E8412E,#9A5BB0,#4C86F0);background-size:300% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:flow 7s linear infinite;
  filter:drop-shadow(0 2px 16px rgba(255,120,40,.4))}
.fxz-logo .bb{width:clamp(52px,6vw,74px);height:clamp(52px,6vw,74px);border-radius:18px;background:#F7F4EF;display:grid;place-items:center;
  box-shadow:0 6px 18px rgba(0,0,0,.45)}
.fxz-logo .bb i{font:700 clamp(22px,2.6vw,31px)/1 Onest,sans-serif;font-style:normal;color:#101114}
.fxz-slogan{margin-top:22px;font:600 clamp(13px,1.3vw,16px) Onest,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#C9CAD1}
.fxz-viz canvas{width:100%;aspect-ratio:1/1;display:block;pointer-events:none}
@media (max-width:760px){.fxz-viz{grid-template-columns:1fr}.fxz-viz canvas{max-width:320px;margin:0 auto}}
@media (prefers-reduced-motion:reduce){.fxz-logo .bw{animation:none}}