/* معرفی امکانات هیرو */
.circle-item:focus-within{outline:3px solid #19b9d7;outline-offset:5px}
.circle-wrapper:focus-within .rotating-layer,.circle-wrapper:focus-within .circle-item,.circle-wrapper.hkhero-paused .rotating-layer,.circle-wrapper.hkhero-paused .circle-item{animation-play-state:paused!important}
.circle-item .inside_circle{border:0;background:none;color:inherit;cursor:pointer;font:inherit;width:100%;height:100%;padding:0}
.circle-item .inside_circle:focus-visible{outline:3px solid #19b9d7;outline-offset:4px;border-radius:50%}
.hkhero-mobile{display:none}
.hkhero-modal{box-sizing:border-box;padding:0;border:0;border-radius:28px;width:min(1100px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 36px);overflow:auto;color:#17294b;background:#fff;box-shadow:0 35px 100px #071d3e66}
.hkhero-modal:not([open]){display:none}
.hkhero-modal::backdrop{background:rgba(8,22,49,.72);backdrop-filter:blur(6px)}
.hkhero-modal__inner{position:relative;padding:32px 38px 38px}
.hkhero-modal__close{position:absolute;left:28px;top:24px;width:42px;height:42px;border:1px solid #dce6f0;border-radius:14px;background:#f5f8fc;color:#193262;font-size:29px;line-height:1;cursor:pointer}
.hkhero-modal__close:hover{background:#e8f7fb;color:#0586a3}
.hkhero-modal__top{display:flex;align-items:center;gap:18px;justify-content:space-between;padding:0 0 24px 55px;border-bottom:1px solid #e6edf5}
.hkhero-modal__identity{display:flex;align-items:center;gap:14px}
.hkhero-modal__icon{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:19px;background:#e3f7fa;color:#008eae;font-size:27px}
.hkhero-modal__eyebrow{font-size:12px;font-weight:700;color:#64809f}
.hkhero-modal__identity h2{font-size:22px;line-height:1.5;margin:3px 0 0;color:#122d59}
.hkhero-modal__badge{border:1px solid #cbeef1;background:#f1fbfb;color:#087f91;border-radius:99px;padding:7px 13px;font-size:11px;font-weight:700;white-space:nowrap}
.hkhero-modal__body{display:grid;grid-template-columns:1fr .94fr;gap:38px;align-items:center;padding-top:28px}
.hkhero-modal__copy h3{font-size:clamp(21px,2.3vw,29px);line-height:1.7;margin:0 0 12px;color:#142a57}
.hkhero-modal__intro{font-size:14px;color:#52627c;line-height:2.1;margin:0 0 20px}
.hkhero-modal__benefits{background:#f5f9fd;border:1px solid #e2edf6;border-radius:20px;padding:16px 18px}
.hkhero-modal__label{font-weight:800;font-size:13px;color:#233d6b}
.hkhero-modal__benefits ul{display:grid;gap:10px;list-style:none;padding:0;margin:12px 0 0}
.hkhero-modal__benefits li{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.7;color:#415774}
.hkhero-modal__benefits li span{display:grid;place-items:center;width:19px;height:19px;flex:0 0 19px;border-radius:50%;background:#d7f5ee;color:#008d79;font-weight:800}
.hkhero-modal__example{margin-top:16px;padding:13px 17px;border-right:3px solid #20bed4;border-radius:14px 0 0 14px;background:#effbfc}
.hkhero-modal__example span{font-size:12px;font-weight:800;color:#087f97}
.hkhero-modal__example p{margin:5px 0 0;font-size:13px;line-height:1.9;color:#425b70}
.hkhero-modal__note{font-size:11.5px;color:#6e7e93;line-height:1.8;margin:12px 0 0}
.hkhero-modal__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:21px}
.hkhero-modal__actions a{display:inline-flex;align-items:center;gap:12px;justify-content:center;padding:11px 17px;border-radius:12px;font-size:13px;font-weight:800;text-decoration:none}
.hkhero-modal__primary{background:#20386d;color:#fff!important}
.hkhero-modal__primary:hover{background:#126984}
.hkhero-modal__secondary{background:#f3f6fb;color:#28436b!important}
.hkhero-modal__visual{position:relative;padding:32px 20px 24px;border-radius:27px;background:radial-gradient(circle at 22% 15%,#ddf8fa 0,transparent 35%),linear-gradient(145deg,#edf5fc,#f8faff);border:1px solid #dceaf4;min-width:0}
.hkhero-modal__window{overflow:hidden;border-radius:14px;background:#fff;border:1px solid #d2deec;box-shadow:0 22px 38px #183c7024}
.hkhero-modal__windowbar{height:35px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;direction:ltr;background:#fff}
.hkhero-modal__windowbar span{display:flex;gap:5px}
.hkhero-modal__windowbar i{width:7px;height:7px;border-radius:50%;background:#dbe5ef}
.hkhero-modal__windowbar i:first-child{background:#f69baf}
.hkhero-modal__windowbar i:nth-child(2){background:#f1ce83}
.hkhero-modal__windowbar i:nth-child(3){background:#71d7c5}
.hkhero-modal__windowbar small{font-size:10px;color:#8092a9}
.hkhero-modal__window img{display:block;width:100%;height:auto}
.hkhero-modal__caption{text-align:center;color:#8395ab;font-size:11px;margin:17px 0 0}
.hkhero-modal--future .hkhero-modal__icon{background:#eae7ff;color:#6946d5}
.hkhero-modal--future .hkhero-modal__badge{background:#f2ecff;border-color:#e1d7ff;color:#7450cb}
.hkhero-modal--future .hkhero-modal__visual{background:radial-gradient(circle at center,#334978,#101e40 75%);border-color:#2c3d65;overflow:hidden}
.hkhero-modal--future .hkhero-modal__example{border-color:#a78bfa;background:#f6f3ff}
.hkhero-modal--future .hkhero-modal__example span{color:#7252bd}
.hkhero-modal__orbit{position:relative;width:230px;height:230px;max-width:100%;margin:15px auto;display:grid;place-items:center}
.hkhero-modal__orbitring{position:absolute;inset:15px;border:1px solid #72d5eb80;border-radius:50%;box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff06}
.hkhero-modal__orbitring:after{content:"";position:absolute;top:15px;left:25px;width:10px;height:10px;background:#46d5e7;border-radius:50%;box-shadow:0 0 18px #46d5e7}
.hkhero-modal__orbitcore{display:grid;place-items:center;width:110px;height:110px;border-radius:32px;background:linear-gradient(145deg,#50d4e6,#4660cb);color:white;font-size:52px;box-shadow:0 14px 40px #00c5e347;transform:rotate(-6deg)}
.hkhero-modal__spark{position:absolute;color:#9ce8f5;font-size:25px}
.hkhero-modal__spark--one{top:5px;right:42px}.hkhero-modal__spark--two{bottom:15px;left:18px}.hkhero-modal__spark--three{top:78px;left:5px}
.hkhero-modal__futurelabel{text-align:center;color:#bfdaed;font-size:13px;font-weight:700;margin:0}
@media(max-width:767px){.hkhero-mobile{display:block;margin:18px 0 22px}.hkhero-mobile__title{display:block;color:#647a97;font-size:12px;font-weight:700;margin-bottom:10px}.hkhero-mobile__list{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:3px 1px 8px}.hkhero-mobile__list button{flex:0 0 auto;display:flex;align-items:center;gap:7px;border:1px solid #dbe8f1;background:#fff;border-radius:12px;padding:9px 12px;color:#203b6a;font:inherit;font-size:12px;font-weight:700}.hkhero-mobile__list i{color:#06a2ba;font-size:17px}.hkhero-modal{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:20px}.hkhero-modal__inner{padding:22px 19px 26px}.hkhero-modal__close{top:18px;left:17px;width:38px;height:38px}.hkhero-modal__top{padding:0 0 19px 44px;gap:8px;flex-wrap:wrap}.hkhero-modal__icon{flex-basis:47px;height:47px;border-radius:15px;font-size:23px}.hkhero-modal__identity h2{font-size:18px}.hkhero-modal__body{grid-template-columns:1fr;gap:22px;padding-top:22px}.hkhero-modal__visual{grid-row:1;padding:20px 15px}.hkhero-modal__orbit{width:160px;height:160px;margin:4px auto}.hkhero-modal__orbitcore{width:75px;height:75px;font-size:38px}.hkhero-modal__intro{font-size:13px}.hkhero-modal__actions a{flex:1}}
@media(prefers-reduced-motion:reduce){.circle-item,.hkhero-modal *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(min-width:768px) and (max-width:1024px){.hkhero-mobile{display:block;margin:18px 0 22px}.hkhero-mobile__title{display:block;color:#647a97;font-size:12px;font-weight:700;margin-bottom:10px}.hkhero-mobile__list{display:flex;gap:8px;overflow-x:auto;padding:3px 1px 8px}.hkhero-mobile__list button{flex:0 0 auto;display:flex;align-items:center;gap:7px;border:1px solid #dbe8f1;background:#fff;border-radius:12px;padding:9px 12px;color:#203b6a;font:inherit;font-size:12px;font-weight:700}.hkhero-mobile__list i{color:#06a2ba;font-size:17px}}
.hkhero-modal,.hkhero-modal__close{font-family:inherit}
.hkhero-modal :focus-visible{outline:3px solid #16bcd3;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.rotating-layer,.circle-item{animation:none!important}}
/* همان چرخ دسکتاپ در ابعاد مناسب موبایل؛ بدون کتابخانه یا تصویر متحرک جدید */
@media(max-width:1024px){
 .hero .hkhero-mobile{display:none}
 .hero-art-mobile{position:relative;display:block;margin:8px auto 8px;min-height:var(--hk-orbit-height,360px)}
 .hero-art-mobile .hero-art{display:block;position:relative;width:100%;height:var(--hk-orbit-height,360px);margin:0;padding:0}
 .hero-art-mobile .circle-wrapper{position:absolute;top:30px;left:50%;width:500px;height:500px;transform:translateX(-50%) scale(var(--hk-orbit-scale,.5));transform-origin:top center}
 .hero-art-mobile .hero-art img{max-width:none;margin:0}
 .hero-art-mobile .circle-item span{font-size:20px;font-weight:600}
 .hero-art-mobile .circle-item .inside_circle::before{content:"";position:absolute;inset:-12px;border-radius:50%}
 .hero-art-mobile .hamkaranSlideshowContorol button::before{height:10px}
}
@media(min-width:361px) and (max-width:1024px){.hero-art-mobile{--hk-orbit-scale:.55;--hk-orbit-height:390px}}
@media(min-width:431px) and (max-width:1024px){.hero-art-mobile{--hk-orbit-scale:.62;--hk-orbit-height:435px}}
@media(min-width:700px) and (max-width:1024px){.hero-art-mobile{--hk-orbit-scale:.72;--hk-orbit-height:500px}}
.circle-wrapper.hkhero-offscreen .rotating-layer,.circle-wrapper.hkhero-offscreen .circle-item{animation-play-state:paused!important}
/* تنظیم ظریف هیرو برای صفحه‌های لمسی */
@media(max-width:1024px){
 .hero-art-mobile .circle-item span{font-size:17px}
 .hero-art-mobile .Hamkaran_imgAria img.hamkaran_cloud_pbx_client{width:32%;max-width:none}
}
@media(max-width:560px){
 html body .hero .hero-copy > h1{white-space:nowrap!important;font-size:clamp(12px,4.45vw,19px)!important;line-height:1.55!important;letter-spacing:0!important}
}
/* سر و پایین مدال ثابت؛ فقط بخش میانی جابه‌جا می‌شود. */
.hkhero-modal{overflow:hidden}
.hkhero-modal__inner{display:flex;flex-direction:column;padding:0;max-height:calc(100dvh - 36px)}
.hkhero-modal__top{position:relative;flex:0 0 auto;padding:26px 38px 24px 82px;background:#fff}
.hkhero-modal__close{left:28px;top:24px}
.hkhero-modal__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;align-items:start;padding:28px 38px;scrollbar-width:thin;scrollbar-color:#bdcfe0 transparent}
.hkhero-modal__actions{flex:0 0 auto;margin:0;padding:15px 38px 20px;border-top:1px solid #e6edf5;background:#fff}
.hkhero-modal__actions button{display:inline-flex;align-items:center;justify-content:center;padding:11px 17px;border:0;border-radius:12px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}
@media(max-width:767px){
 .hkhero-modal__inner{padding:0;max-height:calc(100dvh - 20px)}
 .hkhero-modal__top{padding:20px 19px 18px 64px}
 .hkhero-modal__close{top:18px;left:17px}
 .hkhero-modal__body{padding:20px 19px;gap:20px}
 .hkhero-modal__actions{padding:12px 19px max(14px,env(safe-area-inset-bottom));gap:8px}
 .hkhero-modal__actions a,.hkhero-modal__actions button{flex:1 1 auto}
}