.zb-hero{--zb-hero-bg:var(--zb-dark);--zb-hero-accent:var(--zb-accent);--zb-hero-text:var(--zb-on-dark-strong);--zb-hero-muted:var(--zb-on-dark);--zb-hero-btn-text:var(--zb-on-accent);--zb-hero-badge-bg:#FFFFFF;--zb-hero-badge-text:var(--zb-text);--zb-hero-interval:6s;--zb-hero-min-h:560px;--zb-hero-radius:28px;--zb-hero-ease:cubic-bezier(.22, 1, .36, 1);--zb-hero-soft:color-mix(in srgb, var(--zb-hero-accent) 16%, transparent);--zb-hero-line:color-mix(in srgb, var(--zb-hero-text) 14%, transparent);font-family:var(--zb-font,"Vazirmatn",Tahoma,sans-serif);color:var(--zb-hero-text)}.zb-hero *,.zb-hero *:before,.zb-hero *:after{box-sizing:border-box}.zb-hero__box{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:var(--zb-hero-min-h);border-radius:var(--zb-hero-radius);background:var(--zb-hero-bg);isolation:isolate}.zb-hero__shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.zb-hero__dots{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.09;color:var(--zb-hero-text)}.zb-hero__shape{position:absolute;display:block}.zb-hero__shape--ring{width:620px;height:620px;left:-140px;top:-180px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--zb-hero-text) 8%,transparent);animation:zb-hero-spin 60s linear infinite}.zb-hero__shape--ring2{width:380px;height:380px;left:-20px;top:-60px;border-radius:50%;border:1px solid color-mix(in srgb,var(--zb-hero-accent) 25%,transparent);animation:zb-hero-spin 45s linear infinite reverse}.zb-hero__shape--square{width:120px;height:120px;right:38%;top:52px;border-radius:30px;background:color-mix(in srgb,var(--zb-hero-accent) 10%,transparent);animation:zb-hero-drift 14s ease-in-out infinite}.zb-hero__shape--square2{width:70px;height:70px;right:6%;bottom:120px;border-radius:18px;border:2px solid color-mix(in srgb,var(--zb-hero-text) 10%,transparent);animation:zb-hero-drift-b 18s ease-in-out infinite}.zb-hero__shape--blob{width:220px;height:220px;right:-60px;top:-70px;border-radius:50%;background:color-mix(in srgb,var(--zb-hero-text) 4%,transparent);animation:zb-hero-drift 16s ease-in-out infinite}.zb-hero__shape--dot{width:16px;height:16px;left:46%;bottom:160px;border-radius:50%;background:color-mix(in srgb,var(--zb-hero-accent) 60%,transparent);animation:zb-hero-drift-b 18s ease-in-out infinite}.zb-hero__shape--dot2{width:10px;height:10px;right:30%;bottom:200px;border-radius:50%;background:color-mix(in srgb,var(--zb-hero-text) 50%,transparent);animation:zb-hero-drift 14s ease-in-out infinite}.zb-hero__slides{position:relative;flex:1;display:grid;touch-action:pan-y}.zb-hero__slide{grid-area:1 / 1;display:flex;flex-wrap:wrap;align-items:center;gap:24px;padding:56px 56px 24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s var(--zb-hero-ease),visibility 0s linear .7s}.zb-hero__slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .7s var(--zb-hero-ease),visibility 0s}.zb-hero__text{flex:1 1 460px;max-width:600px;display:flex;flex-direction:column;gap:18px}.zb-hero__eyebrow{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:999px;background:var(--zb-hero-soft);color:color-mix(in srgb,var(--zb-hero-accent) 45%,#FFFFFF);font-size:13px;font-weight:700;line-height:1.6}.zb-hero__tag{padding:2px 10px;border-radius:999px;background:var(--zb-hero-accent);color:var(--zb-hero-btn-text);font-size:12px}.zb-hero__title{margin:0;font-size:clamp(28px,3.2vw,44px);line-height:1.4;font-weight:800;color:var(--zb-hero-text);letter-spacing:-.01em}.zb-hero__desc{margin:0;max-width:520px;font-size:17px;line-height:2;color:var(--zb-hero-muted)}.zb-hero__chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.zb-hero__chips li{padding:6px 12px;border-radius:10px;background:color-mix(in srgb,var(--zb-hero-text) 6%,transparent);border:1px solid color-mix(in srgb,var(--zb-hero-text) 12%,transparent);font-size:13px;color:color-mix(in srgb,var(--zb-hero-text) 90%,transparent)}.zb-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.zb-hero__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:52px;padding:0 26px;border-radius:14px;font-size:15px;font-weight:700;text-decoration:none;transition:background .2s,border-color .2s,transform .2s var(--zb-hero-ease)}.zb-hero__btn:hover{transform:translateY(-2px)}.zb-hero__btn--primary{background:var(--zb-hero-accent);color:var(--zb-hero-btn-text)}.zb-hero__btn--primary:hover{background:color-mix(in srgb,var(--zb-hero-accent) 85%,#000);color:var(--zb-hero-btn-text)}.zb-hero__btn--ghost{border:1px solid color-mix(in srgb,var(--zb-hero-text) 22%,transparent);color:var(--zb-hero-text);font-weight:500}.zb-hero__btn--ghost:hover{border-color:var(--zb-hero-text);color:var(--zb-hero-text)}.zb-hero__btn .zb-icon{width:18px;height:18px}.zb-hero__visual{flex:1 1 420px;position:relative;min-height:380px;display:flex;align-items:center;justify-content:center}.zb-hero__glow{position:absolute;width:340px;height:340px;border-radius:50%;background:color-mix(in srgb,var(--zb-hero-accent) 12%,transparent)}.zb-hero__glow--sm{width:260px;height:260px;background:color-mix(in srgb,var(--zb-hero-accent) 10%,transparent)}.zb-hero__wave{position:absolute;width:200px;height:110px;fill:none;stroke-linecap:round;opacity:0}.zb-hero__wave--1{top:18px;stroke:var(--zb-hero-accent);stroke-width:6}.zb-hero__wave--2{top:46px;stroke:color-mix(in srgb,var(--zb-hero-accent) 45%,#FFFFFF);stroke-width:5}.zb-hero__media{position:relative;width:340px;max-width:100%}.zb-hero__media img{display:block;width:100%;height:auto;max-height:300px;object-fit:contain;filter:drop-shadow(0 24px 30px rgb(0 0 0 / .35))}.zb-hero__media svg{display:block;width:100%;height:auto}.zb-hero-svg__accent{fill:var(--zb-hero-accent)}.zb-hero-svg__stroke{stroke:var(--zb-hero-accent)}.zb-hero__badge{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:var(--zb-hero-badge-bg);color:var(--zb-hero-badge-text);box-shadow:0 18px 40px -16px #00000073;line-height:1.4}.zb-hero__badge--1{top:46px;left:2%}.zb-hero__badge--2{bottom:40px;right:4%}.zb-hero__slide.is-active .zb-hero__wave{animation:zb-hero-pulse 2.4s ease-out infinite}.zb-hero__slide.is-active .zb-hero__wave--2{animation-delay:.8s}.zb-hero__slide.is-active .zb-hero__media{animation:zb-hero-float 6s ease-in-out infinite}.zb-hero__slide.is-active .zb-hero__badge--1{animation:zb-hero-float-sm 5s ease-in-out infinite}.zb-hero__slide.is-active .zb-hero__badge--2{animation:zb-hero-float-sm 5.6s ease-in-out -2s infinite}.zb-hero__badge-icon{flex:none;width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--zb-hero-accent) 14%,#FFFFFF);color:color-mix(in srgb,var(--zb-hero-accent) 70%,#000)}.zb-hero__badge--2 .zb-hero__badge-icon{background:#e7f6ee;color:#157a4a}.zb-hero__badge-icon .zb-icon{width:20px;height:20px}.zb-hero__badge strong{display:block;font-size:14px}.zb-hero__badge small{display:block;font-size:11px;opacity:.7}.zb-hero__slide.is-active .zb-hero__anim{animation:zb-hero-in-text 1.1s var(--zb-hero-ease) both;animation-delay:calc(.12s + var(--d, 0) * .1s)}.zb-hero__slide.is-active .zb-hero__visual{animation:zb-hero-in-visual 1.3s var(--zb-hero-ease) .05s both}.zb-hero__nav{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:0 56px 32px}.zb-hero__tabs{flex:1;min-width:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}.zb-hero__tab{position:relative;overflow:hidden;min-height:56px;padding:10px 14px;display:flex;flex-direction:column;gap:2px;border-radius:14px;border:1px solid color-mix(in srgb,var(--zb-hero-text) 10%,transparent);background:color-mix(in srgb,var(--zb-hero-text) 3%,transparent);color:var(--zb-hero-text);font:inherit;text-align:start;cursor:pointer;transition:background .3s,border-color .3s}.zb-hero__tab:hover{background:color-mix(in srgb,var(--zb-hero-text) 7%,transparent)}.zb-hero__tab strong{font-size:14px}.zb-hero__tab small{font-size:11px;color:color-mix(in srgb,var(--zb-hero-text) 55%,transparent)}.zb-hero__tab.is-active{background:color-mix(in srgb,var(--zb-hero-text) 10%,transparent);border-color:color-mix(in srgb,var(--zb-hero-accent) 60%,transparent)}.zb-hero__tab-bar{position:absolute;bottom:0;inset-inline:0;height:3px;background:var(--zb-hero-accent);transform:scaleX(0);transform-origin:right}[dir=ltr] .zb-hero__tab-bar,[dir=ltr] .zb-hero__bar span:after{transform-origin:left}.zb-hero__arrows{display:flex;gap:8px}.zb-hero__arrow{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid color-mix(in srgb,var(--zb-hero-text) 20%,transparent);background:#fff0;color:var(--zb-hero-text);cursor:pointer;transition:background .2s,border-color .2s}.zb-hero__arrow--next{border:0;background:var(--zb-hero-accent);color:var(--zb-hero-btn-text)}.zb-hero__arrow:hover{border-color:var(--zb-hero-text)}.zb-hero__arrow .zb-icon{width:20px;height:20px}.zb-hero__chipnav,.zb-hero__bars{display:none}.zb-hero.is-autoplay .zb-hero__tab.is-active .zb-hero__tab-bar,.zb-hero.is-autoplay .zb-hero__bar.is-active>span{animation:zb-hero-progress var(--zb-hero-interval) linear forwards}.zb-hero:not(.is-autoplay) .zb-hero__tab.is-active .zb-hero__tab-bar{transform:none}.zb-hero.is-paused .zb-hero__tab-bar,.zb-hero.is-paused .zb-hero__bar>span{animation-play-state:paused!important}.zb-hero.is-idle *,.zb-hero.is-idle *:after{animation-play-state:paused!important}@media (max-width:767px){.zb-hero{--zb-hero-radius:24px}.zb-hero__box{min-height:0}.zb-hero__chipnav{display:flex;gap:8px;overflow-x:auto;scroll-behavior:smooth;padding:16px 16px 4px;scrollbar-width:none}.zb-hero__chipnav::-webkit-scrollbar{display:none}.zb-hero__chip{flex:none;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid color-mix(in srgb,var(--zb-hero-text) 14%,transparent);background:color-mix(in srgb,var(--zb-hero-text) 6%,transparent);color:var(--zb-hero-text);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.zb-hero__chip.is-active{background:var(--zb-hero-text);border-color:var(--zb-hero-text);color:var(--zb-hero-bg)}.zb-hero__slide{flex-direction:column;align-items:stretch;flex-wrap:nowrap;gap:4px;padding:0 20px}.zb-hero__visual{order:-1;flex:none;min-height:250px;height:250px}.zb-hero__glow{width:220px;height:220px}.zb-hero__glow--sm{width:160px;height:160px}.zb-hero__wave{width:140px;height:78px}.zb-hero__wave--1{top:14px}.zb-hero__wave--2{top:34px}.zb-hero__media{width:230px}.zb-hero__media img{max-height:190px}.zb-hero__badge--1{top:auto;bottom:18px;left:18px;padding:8px 12px}.zb-hero__badge--1 .zb-hero__badge-icon{width:28px;height:28px}.zb-hero__badge--1 small,.zb-hero__badge--2{display:none}.zb-hero__text{flex:none;gap:12px;max-width:none}.zb-hero__eyebrow{font-size:12px;padding:4px 12px 4px 6px}.zb-hero__title{font-size:26px;line-height:1.5}.zb-hero__desc{font-size:14px;line-height:1.95}.zb-hero__chips li{font-size:12px;padding:4px 10px}.zb-hero__actions{flex-direction:column;gap:8px}.zb-hero__btn{width:100%;min-height:50px}.zb-hero__btn--ghost{min-height:46px}.zb-hero__nav{display:none}.zb-hero__bars{display:flex;gap:6px;padding:20px}.zb-hero__bar{flex:1;height:24px;padding:0;border:0;background:#fff0;cursor:pointer;display:flex;align-items:center}.zb-hero__bar span{position:relative;display:block;width:100%;height:4px;border-radius:4px;background:color-mix(in srgb,var(--zb-hero-text) 18%,transparent);overflow:hidden}.zb-hero__bar span:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--zb-hero-accent);transform:scaleX(var(--fill,0));transform-origin:right}.zb-hero__bar.is-done span{--fill:1}.zb-hero__bar.is-active>span{--fill:0}.zb-hero.is-autoplay .zb-hero__bar.is-active>span{animation:none}.zb-hero.is-autoplay .zb-hero__bar.is-active>span:after{animation:zb-hero-progress var(--zb-hero-interval) linear forwards}.zb-hero.is-paused .zb-hero__bar>span:after{animation-play-state:paused!important}.zb-hero:not(.is-autoplay) .zb-hero__bar.is-active>span{--fill:1}.zb-hero__shape--ring{width:420px;height:420px;left:-160px;top:20px}.zb-hero__shape--ring2,.zb-hero__shape--dot2{display:none}.zb-hero__shape--square{width:80px;height:80px;right:-20px;top:70px}}.zb-hero--motion-light .zb-hero__shape,.zb-hero--motion-light .zb-hero__badge,.zb-hero--motion-off .zb-hero__shape,.zb-hero--motion-off .zb-hero__slide .zb-hero__badge,.zb-hero--motion-off .zb-hero__slide .zb-hero__media,.zb-hero--motion-off .zb-hero__slide .zb-hero__wave{animation:none!important}.zb-hero--motion-light .zb-hero__slide.is-active .zb-hero__wave--2{animation:none;opacity:.35}.zb-hero--motion-off .zb-hero__wave{opacity:.35}.zb-hero--no-progress .zb-hero__tab-bar{display:none}.zb-hero--no-progress .zb-hero__bar.is-active>span:after{animation:none!important;transform:none}@keyframes zb-hero-in-text{0%{opacity:0;transform:translateY(22px);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}@keyframes zb-hero-in-visual{0%{opacity:0;transform:translate(-36px) scale(.95);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes zb-hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes zb-hero-float-sm{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(-2deg)}}@keyframes zb-hero-drift{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(18px,-22px) rotate(12deg)}}@keyframes zb-hero-drift-b{0%,to{transform:translate(0) rotate(45deg)}50%{transform:translate(-20px,16px) rotate(70deg)}}@keyframes zb-hero-spin{to{transform:rotate(360deg)}}@keyframes zb-hero-pulse{0%{opacity:0;transform:scale(.85)}40%{opacity:1}to{opacity:0;transform:scale(1.15)}}@keyframes zb-hero-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (-moz-appearance:none){@keyframes zb-hero-in-text{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes zb-hero-in-visual{0%{opacity:0;transform:translate(-36px) scale(.95)}to{opacity:1;transform:none}}.zb-hero--motion-full .zb-hero__shape,.zb-hero--motion-full .zb-hero__badge{animation:none!important}.zb-hero--motion-full .zb-hero__slide.is-active .zb-hero__wave--2{animation:none;opacity:.35}}@media (prefers-reduced-motion:reduce){.zb-hero *,.zb-hero *:after{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important}.zb-hero__shape,.zb-hero__media,.zb-hero__badge,.zb-hero__wave{animation:none!important}}