/* ===== xH Hero Slider ===== */
.xhs{position:relative;overflow:hidden;padding:70px 0 56px;background:linear-gradient(180deg,#f6f3ff 0%,#fbfaff 60%,#fff 100%);font-family:var(--tg-body-font-family)}
.xhs__blob{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;pointer-events:none}
.xhs__blob--a{width:520px;height:520px;background:#d9d0ff;top:-180px;left:-160px}
.xhs__blob--b{width:460px;height:460px;background:#cfe6ff;top:-120px;right:-140px}
.xhs__container{position:relative;max-width:1320px;margin:0 auto;padding:0 24px}
.xhs__slides{display:grid}
.xhs__slide{grid-area:1/1;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease,visibility 0s linear .6s}
.xhs__slide.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease,transform .6s ease,visibility 0s}
.xhs__label{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #e6e1fb;color:#4a3cad;font-size:14px;font-weight:600;padding:7px 14px;border-radius:30px;box-shadow:0 4px 14px rgba(111,86,218,.08);margin-bottom:22px}
.xhs__label i{color:#22a06b}
.xhs__title{font-family:var(--tg-heading-font-family);font-size:62px;line-height:1.08;font-weight:700;color:var(--tg-heading-color);margin:0 0 20px;letter-spacing:-.02em}
.xhs__title span{background:linear-gradient(90deg,#6F56DA,#3795FC);-webkit-background-clip:text;background-clip:text;color:transparent}
.xhs__sub{font-family:var(--tg-body-font-family);font-size:19px;line-height:1.6;font-weight:400;color:#4b4e57;margin:0 0 30px;max-width:560px;letter-spacing:0;text-transform:none}
.xhs__sub strong,.xhs__sub b{color:var(--tg-heading-color);font-weight:600}
.xhs__btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px}
.xhs__btn i{font-size:13px;transition:transform .2s}
.xhs__btn:hover i{transform:translateX(3px)}
.xhs__media{display:flex;justify-content:center;align-items:center;min-height:340px}
.xhs__media img{max-width:100%;max-height:460px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(64,47,160,.14))}
.xhs__nav{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.xhs__tab{position:relative;background:rgba(255,255,255,.85);backdrop-filter:blur(6px);border:1px solid #ebe8f5;border-radius:16px;padding:18px 20px 22px;cursor:pointer;transition:border-color .2s,box-shadow .2s,transform .2s;outline:none;overflow:hidden}
.xhs__tab:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(19,20,21,.06)}
.xhs__tab:focus-visible{box-shadow:0 0 0 3px rgba(111,86,218,.35)}
.xhs__tab.is-active{border-color:#6F56DA;box-shadow:0 14px 30px rgba(111,86,218,.16);background:#fff}
.xhs__num{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:#a9a2d6;margin-bottom:6px}
.xhs__tab.is-active .xhs__num{color:#6F56DA}
.xhs__tab-title{font-family:var(--tg-heading-font-family);font-size:18px;line-height:1.3;font-weight:600;color:var(--tg-heading-color);margin:0 0 6px}
.xhs__tab-text{display:block;font-size:14px;line-height:1.5;color:#6b6e76}
.xhs__bar{position:absolute;left:0;right:0;bottom:0;height:3px}
.xhs__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6F56DA,#3795FC)}
.xhs__tab.is-active .xhs__bar i{animation:xhsbar var(--xhs-dur) linear forwards}
.xhs.is-paused .xhs__tab.is-active .xhs__bar i{animation-play-state:paused}
.xhs[data-autoplay="0"] .xhs__tab.is-active .xhs__bar i{animation:none;width:100%}
@keyframes xhsbar{from{width:0}to{width:100%}}
@media (max-width:1199px){.xhs__title{font-size:52px}}
@media (max-width:991px){.xhs{padding:44px 0 40px}.xhs__slide{grid-template-columns:1fr;gap:24px}.xhs__media{order:-1;min-height:0}.xhs__media img{max-height:280px}.xhs__title{font-size:42px}.xhs__nav{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}}
@media (max-width:575px){.xhs__container{padding:0 16px}.xhs__title{font-size:34px}.xhs__sub{font-size:17px}.xhs__tab{padding:14px 14px 18px}.xhs__tab-text{display:none}.xhs__tab-title{font-size:15px;margin:0}}
@media (prefers-reduced-motion:reduce){.xhs__slide,.xhs__slide.is-active{transition:none;transform:none}}

/* ===== xH Feature Tabs ===== */
.xft{display:grid;grid-template-columns:340px 1fr;gap:36px;align-items:start;font-family:var(--tg-body-font-family)}
.xft__nav{display:flex;flex-direction:column;gap:10px}
.xft__tab{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid #ebe8f5;border-radius:14px;padding:14px 16px;cursor:pointer;font-family:var(--tg-heading-font-family);font-size:16px;font-weight:600;color:var(--tg-heading-color);transition:background .2s,border-color .2s,box-shadow .2s,color .2s}
.xft__tab:hover{border-color:#cfc6f6;background:#fbfaff}
.xft__tab:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(111,86,218,.35)}
.xft__tab.is-active{background:#6F56DA;border-color:#6F56DA;color:#fff;box-shadow:0 12px 26px rgba(111,86,218,.28)}
.xft__ico{flex:0 0 40px;width:40px;height:40px;border-radius:11px;background:#f1eefe;color:#6F56DA;display:flex;align-items:center;justify-content:center;font-size:17px;transition:background .2s,color .2s}
.xft__ico svg{width:18px;height:18px;fill:currentColor}
.xft__tab.is-active .xft__ico{background:rgba(255,255,255,.18);color:#fff}
.xft__lbl{flex:1}
.xft__arr{font-size:12px;opacity:.35;transition:transform .2s,opacity .2s}
.xft__tab.is-active .xft__arr{opacity:1;transform:translateX(2px)}
.xft__panels{display:grid}
.xft__panel{grid-area:1/1;background:#fff;border:1px solid #ebe8f5;border-radius:22px;padding:40px 44px;box-shadow:0 20px 50px rgba(19,20,21,.06);position:relative;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .4s,transform .4s,visibility 0s linear .4s}
.xft__panel::before{content:"";position:absolute;width:320px;height:320px;right:-120px;top:-140px;border-radius:50%;background:radial-gradient(circle,#efeaff 0,rgba(239,234,255,0) 70%);pointer-events:none}
.xft__panel.is-active{opacity:1;visibility:visible;transform:none;transition:opacity .4s,transform .4s,visibility 0s}
.xft__head{display:flex;align-items:center;gap:16px;margin-bottom:18px;position:relative}
.xft__badge{flex:0 0 56px;width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#6F56DA,#3795FC);color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 10px 22px rgba(111,86,218,.3)}
.xft__badge svg{width:24px;height:24px;fill:#fff}
.xft__title{font-family:var(--tg-heading-font-family);font-size:28px;line-height:1.25;font-weight:700;color:var(--tg-heading-color);margin:0}
.xft__text{position:relative;font-size:16px;line-height:1.75;color:#4b4e57}
.xft__text p{margin:0 0 14px}
.xft__text p:last-child{margin-bottom:0}
.xft__text b,.xft__text strong{color:var(--tg-heading-color)}
.xft__list{list-style:none;margin:22px 0 0;padding:22px 0 0;border-top:1px solid #f0eef7;display:grid;gap:12px;position:relative}
.xft__list li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.55;color:var(--tg-heading-color)}
.xft__list li i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#e7f7ef;color:#22a06b;display:flex;align-items:center;justify-content:center;font-size:11px;margin-top:1px}
@media (max-width:991px){.xft{grid-template-columns:1fr;gap:20px}.xft__nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.xft__arr{display:none}.xft__tab{padding:10px 12px;font-size:14px;gap:10px}.xft__ico{flex-basis:32px;width:32px;height:32px;font-size:14px}.xft__panel{padding:28px 22px}.xft__title{font-size:22px}}
@media (prefers-reduced-motion:reduce){.xft__panel,.xft__panel.is-active{transition:none;transform:none}}

/* ===== Header top bar (from live site) ===== */
.xh-topbar{background:#131415;color:#cfd0d6;font-size:13.5px;line-height:1}
.xh-topbar__in{max-width:1320px;margin:0 auto;padding:10px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.xh-topbar ul{list-style:none;margin:0;padding:0;display:flex;gap:22px;flex-wrap:wrap}
.xh-topbar a{color:#cfd0d6;display:inline-flex;align-items:center;gap:7px;transition:color .2s}
.xh-topbar a:hover{color:#fff}
.xh-topbar i{color:#9b8bff;font-size:12px}
@media (max-width:575px){.xh-topbar__in{padding:8px 16px;justify-content:center}.xh-topbar ul{gap:14px}.xh-topbar__l li:nth-child(2){display:none}}
.tgmenu__action .header-dropdown-wrap{display:none!important}
.tgmenu__action .header-btn:empty,.tgmenu__action .header-btn a[href=""]{display:none!important}

/* ===== Footer (from live site) ===== */
.xh-techlogos{list-style:none;margin:0 0 10px;padding:26px 30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 36px;background:#fff;border:1px solid #e9e7f3;border-radius:18px}
.xh-techlogos li{display:flex;align-items:center}
.xh-techlogos img{height:38px;width:auto;filter:grayscale(1);opacity:.65;transition:filter .2s,opacity .2s}
.xh-techlogos img:hover{filter:none;opacity:1}
.xh-payments{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0}
.xh-payments a{display:inline-flex;background:#fff;border:1px solid #e9e7f3;border-radius:8px;padding:5px 8px;height:42px;align-items:center}
.xh-payments img{height:28px;width:auto}
.xh-fcontact p{margin:0 0 12px;font-size:15px;line-height:1.5;color:var(--tg-body-color)}
.xh-fcontact i{color:#6F56DA;width:16px;margin-right:4px}
.xh-fcontact strong{color:var(--tg-heading-color);font-weight:600}
.xh-fcontact a{color:inherit}
.xh-fcontact a:hover{color:#6F56DA}
@media (max-width:767px){.xh-techlogos{justify-content:center;padding:20px}.xh-techlogos img{height:30px}}