.okna-viz{background:var(--bg-1);border:1px solid var(--line-strong);border-radius:var(--radius-xl);padding:24px 24px 22px;box-shadow:0 30px 64px rgba(20,34,52,.14),0 0 32px -18px var(--neon-glow);position:relative;overflow:hidden;}
.okna-viz__top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.okna-viz__title{font-family:var(--font-sans);font-weight:700;font-size:15.5px;letter-spacing:-.01em;color:var(--text-0);}
.okna-viz__chip{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--coral);background:var(--amber-dim);border:1px solid rgba(223,86,48,.2);border-radius:100px;padding:5px 11px;white-space:nowrap;}
.okna-viz__sub{font-size:12.5px;color:var(--text-2);margin:8px 0 16px;}
.okna-chart{position:relative;width:100%;}
.okna-chart svg{width:100%;height:auto;display:block;overflow:visible;}
.okna-months{display:flex;justify-content:space-between;margin-top:9px;font-family:var(--font-mono);font-size:10px;color:var(--text-3);letter-spacing:.02em;}
.okna-months span{width:20%;text-align:center;}
.okna-months .pk{color:var(--neon);font-weight:700;}
.okna-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px;}
.okna-metric{background:var(--bg-3);border:1px solid var(--line);border-radius:12px;padding:13px 13px 12px;display:flex;flex-direction:column;gap:6px;}
.okna-metric__k{font-family:var(--font-mono);font-size:9px;letter-spacing:.02em;text-transform:uppercase;color:var(--text-3);line-height:1.3;}
.okna-metric__v{font-family:var(--font-sans);font-weight:800;font-size:16px;letter-spacing:-.02em;color:var(--neon);line-height:1;display:flex;align-items:baseline;gap:5px;}
.okna-metric__was{font-weight:600;font-size:12px;color:var(--text-3);text-decoration:line-through;}
.okna-metric__arw{font-size:13px;}
.okna-metric--coral .okna-metric__v{color:var(--coral);}
.seg-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:34px;position:relative;z-index:2;}
.seg{display:flex;flex-direction:column;gap:9px;background:var(--bg-1);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:18px 18px 16px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
.seg:hover{transform:translateY(-3px);box-shadow:0 14px 32px -18px rgba(20,34,52,.2);border-color:rgba(10,138,85,.28);}
.seg__ic{width:38px;height:38px;border-radius:10px;background:var(--neon-dim);border:1px solid rgba(10,138,85,.18);color:var(--neon);display:flex;align-items:center;justify-content:center;}
.seg__h{font-family:var(--font-sans);font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--text-0);}
.seg__p{font-size:12.5px;color:var(--text-2);line-height:1.4;}
@media(max-width:980px){.seg-row{grid-template-columns:repeat(3,1fr);}}
@media(max-width:640px){.seg-row{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){
  .okna-metrics{grid-template-columns:1fr;gap:7px;}
  .okna-metric{flex-direction:row;align-items:center;justify-content:space-between;padding:11px 14px;}
  .okna-metric__k{line-height:1.25;}
}
@media(max-width:980px){.okna-viz{max-width:560px;}}