/* BIZ HAQIMIZDA bloklari (about.html va index.html) */
.two{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.vis{position:relative}
.globe{width:100%;max-width:480px;margin:0 auto;display:block}
.chip{position:absolute;background:#fff;border-radius:14px;padding:12px 18px;box-shadow:0 18px 40px rgba(24,27,120,.18);display:flex;align-items:center;gap:12px;font-weight:700;font-size:.9rem;animation:bob 5s ease-in-out infinite}
.chip .ic{color:var(--blue-d);width:22px;height:22px}
.chip.c1{left:0;top:12%}
.chip.c2{right:0;bottom:12%;animation-delay:-2.5s}
@keyframes bob{50%{transform:translateY(-12px)}}
.val{display:flex;gap:20px;padding:22px 0;border-top:1px solid var(--line)}
.val .ic{width:30px;height:30px;color:var(--blue-d);flex:none}
.val h3{font-size:1.1rem;margin-bottom:4px}
.val p{color:var(--mute);font-size:.95rem}
.stats{display:flex;gap:56px;margin:34px 0}
.stat b{display:block;font-family:var(--head);font-weight:800;font-size:3.4rem;line-height:1;color:var(--navy)}
.stat span{color:var(--mute);font-size:.92rem}
.band{background:linear-gradient(120deg,var(--navy),#0b5fd6);color:#fff;border-radius:22px;padding:64px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap;position:relative;overflow:hidden}
.band::after{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 60px rgba(255,255,255,.04)}
.band h2{font-size:clamp(1.7rem,3.4vw,2.6rem);margin-bottom:8px}
.band p{color:#c8d2f2;max-width:480px}
.band>*{position:relative;z-index:1}

/* why / steps */
.feat{display:grid;grid-template-columns:repeat(4,1fr)}
.f{padding:6px 30px;border-left:1px solid rgba(255,255,255,.16)}
.f .ic{width:36px;height:36px;color:var(--sky);margin-bottom:24px}
.f h3{font-size:1.2rem;margin-bottom:10px}
.f p{color:#aab6e0;font-size:.95rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;counter-reset:s}
.st{border-top:2px solid var(--line);padding-top:28px;counter-increment:s;transition:border-color .4s}
.st:hover{border-color:var(--blue)}
.st::before{content:"0" counter(s);display:block;font-family:var(--head);font-weight:800;font-size:3rem;color:var(--blue);line-height:1;margin-bottom:16px}
.st h3{font-size:1.2rem;margin-bottom:8px}
.st p{color:var(--mute);font-size:.95rem}
@media(max-width:900px){.two{grid-template-columns:1fr;gap:34px}.feat,.steps{grid-template-columns:1fr 1fr}.f{padding:6px 20px;margin-bottom:30px}.band{padding:40px 28px}.stats{gap:38px}}
@media(max-width:520px){.feat,.steps{grid-template-columns:1fr}.chip{display:none}.stat b{font-size:2.8rem}}
