:root { --aiw-primary: #38BDF8; --aiw-body-bg: #f3f3f9; --aiw-sidebar-width: 250px; }
body { background: var(--aiw-body-bg); color: #212529; }
a { text-decoration: none; }
.aiw-brand-mark { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; background: var(--aiw-primary); color: #fff; font-weight: 700; }
.aiw-brand-name { font-size: 28px; line-height: 1; }
.aiw-hero { padding: 140px 0 88px; }
.aiw-hero-title { max-width: 760px; }
.aiw-landing .navbar-landing { background: rgba(255,255,255,.96); box-shadow: 0 1px 2px rgba(56,65,74,.08); }
.aiw-feature-icon { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; }
.auth-one-bg { background: var(--aiw-primary); }
.auth-page-content { min-height: 100vh; display: flex; align-items: center; }
.pricing-box { border-radius: 6px; }
.aiw-usdt-icon { width: 28px; height: 28px; display: inline-block; object-fit: contain; flex: 0 0 auto; }
.header-item { height: 70px; display: inline-flex; align-items: center; justify-content: center; }
.btn-icon { width: 38px; height: 38px; padding: 0; display: inline-flex; align-items: center; justify-content: center; }
#back-to-top { position: fixed; right: 28px; bottom: 30px; z-index: 1000; background: #f06548; border-color: #f06548; }
.avatar-sm { height: 3rem; width: 3rem; }
.avatar-title { align-items: center; background-color: var(--aiw-primary); color: #fff; display: flex; font-weight: 500; height: 100%; justify-content: center; width: 100%; }
.bg-primary-subtle { background-color: rgba(56,189,248,.16) !important; }
.text-primary { color: var(--aiw-primary) !important; }
.btn-primary { background-color: var(--aiw-primary); border-color: var(--aiw-primary); }
.aiw-auth-modal-header { background: var(--aiw-primary); }
.btn-soft-primary { color: var(--aiw-primary); background-color: rgba(56,189,248,.12); border-color: transparent; }
.btn-soft-primary:hover { color: #fff; background-color: var(--aiw-primary); }
.aiw-product-hero { padding: 150px 0 96px; background: linear-gradient(180deg, #eef8fc 0%, #fff 72%); overflow: hidden; }
.aiw-product-hero::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(circle at 78% 18%, rgba(56,189,248,.16), transparent 34%); pointer-events: none; }
.aiw-preview { overflow: hidden; border-radius: 8px; background: #0f172a; border: 1px solid #e9ebec; }
.aiw-preview-frame { min-height: 510px; display: flex; align-items: stretch; justify-content: center; background: #0f172a; }
.aiw-desktop-carousel { width: 100%; min-height: 510px; background: #0f172a; }
.aiw-desktop-carousel .carousel-inner,
.aiw-desktop-carousel .carousel-item { height: 510px; }
.aiw-desktop-carousel img { width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; background: #0f172a; }
.aiw-desktop-carousel .carousel-indicators { margin-bottom: .75rem; }
.aiw-desktop-carousel .carousel-indicators [data-bs-target] { width: 8px; height: 8px; border-radius: 50%; border: 0; opacity: .45; }
.aiw-desktop-carousel .carousel-indicators .active { opacity: 1; background-color: var(--aiw-primary); }
.aiw-desktop-carousel .carousel-control-prev,
.aiw-desktop-carousel .carousel-control-next { width: 12%; }
.aiw-landing .section { position: relative; }
.custom-accordionwithicon .accordion-button { font-weight: 600; }
@media (max-width: 575.98px) { .aiw-product-hero { padding-top: 120px; } .aiw-preview-frame, .aiw-desktop-carousel { min-height: 360px; } .aiw-desktop-carousel .carousel-inner, .aiw-desktop-carousel .carousel-item { height: 360px; } }
.aiw-hardware-card { position: relative; overflow: hidden; border-radius: 8px; }
.aiw-hardware-card .card-body { position: relative; min-height: 194px; }
.aiw-hardware-card-icon { position: absolute; top: -30px; right: -24px; z-index: 0; font-size: 96px; line-height: 1; opacity: .22; pointer-events: none; }
.aiw-hardware-card h5, .aiw-hardware-card p { position: relative; z-index: 1; }
@media (max-width: 767.98px) { .aiw-hardware-card .card-body { min-height: 160px; } .aiw-hardware-card-icon { font-size: 82px; top: -26px; right: -22px; } }
.aiw-video-card { padding: 8px; background: #0b111c; border-radius: 4px; overflow: hidden; }
.aiw-video-wrap { background: #0b111c; aspect-ratio: 16 / 9; overflow: hidden; }
.aiw-video-wrap video { width: 100%; height: 100%; display: block; object-fit: cover; border-radius: 2px; }
.aiw-flag { display: inline-block; width: 22px; height: 16px; object-fit: contain; border-radius: 2px; box-shadow: none; flex: 0 0 auto; }
.aiw-language-dropdown .dropdown-item { min-height: 36px; }
.aiw-language-dropdown > .btn { background: #fff; border: 1px solid var(--aiw-primary); color: var(--aiw-primary); box-shadow: none; }
.aiw-language-dropdown > .btn:hover,
.aiw-language-dropdown > .btn:focus,
.aiw-language-dropdown > .btn.show { background: #fff; border-color: var(--aiw-primary); color: var(--aiw-primary); box-shadow: 0 0 0 .15rem rgba(56,189,248,.15); }
.aiw-language-dropdown .dropdown-item:hover,
.aiw-language-dropdown .dropdown-item:focus,
.aiw-language-dropdown .dropdown-item.active { background: #405189; color: #fff; }
.aiw-app-compat { display: flex; flex-direction: column; gap: 10px; }
.aiw-app-label { color: #878a99; font-size: 13px; }
.aiw-app-list { display: flex; flex-wrap: wrap; gap: 8px; }
.aiw-app-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 7px 11px; border: 0; border-radius: 8px; background: #fff; color: #343a40; font-size: 13px; font-weight: 600; box-shadow: 0 4px 12px rgba(15,23,42,.04); }
.aiw-app-logo { width: 24px; height: 24px; display: block; object-fit: contain; flex: 0 0 auto; }


.aiw-features-grid .card { border-radius: 8px; }
.aiw-feature-card { position: relative; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; }
.aiw-feature-card .card-body { position: relative; min-height: 300px; }
.aiw-feature-title-icon { width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 32px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); }
.aiw-feature-card-badge { position: absolute; top: 18px; right: 18px; display: inline-flex; background: #f06548 !important; color: #fff !important; }
.aiw-feature-title-icon.text-primary { background: rgba(56,189,248,.18); }
.aiw-feature-title-icon.text-success { background: rgba(10,179,156,.18); }
.aiw-feature-title-icon.text-warning { background: rgba(247,184,75,.22); }
.aiw-feature-title-icon.text-danger { background: rgba(240,101,72,.18); }
.aiw-feature-title-icon.text-info { background: rgba(41,156,219,.18); }
.aiw-feature-title-icon.text-secondary { background: rgba(53,119,241,.14); }
.aiw-feature-card-camera { background: #eef8fc; }
.aiw-feature-card-face { background: #f0fdf4; }
.aiw-feature-card-hand { background: #fff7ed; }
.aiw-feature-card-shield { background: #fff1f2; }
.aiw-feature-card-privacy { background: #f8fafc; }
.aiw-feature-card-sliders { background: #eff6ff; }
.aiw-feature-card-profile { background: #f0f9ff; }
.aiw-feature-card-models { background: #f8fafc; }
.aiw-feature-card-local { background: #f0f9ff; }
.aiw-feature-card-server { background: #ecfdf5; }
.aiw-feature-card-team { background: #fffbeb; }
.aiw-feature-card-mobile { background: #eef2ff; }
.aiw-feature-card-voice { background: #fff1f2; }
.aiw-feature-card-avatar { background: #f8fafc; }
@media (max-width: 767.98px) { .aiw-feature-card .card-body { min-height: 260px; } .aiw-feature-title-icon { width: 48px; height: 48px; font-size: 28px; } }
.aiw-feature-card:hover { transform: translateY(-3px); box-shadow: 0 12px 28px rgba(15,23,42,.08) !important; }
.aiw-feature-visual { position: relative; height: 132px; overflow: hidden; border-radius: 8px; background: #f8fafc; border: 1px solid #e9ebec; }
.aiw-feature-visual::before { content: ""; position: absolute; left: 18px; right: 18px; bottom: 18px; height: 32px; border-radius: 8px; background: rgba(255,255,255,.78); border: 1px solid rgba(148,163,184,.18); }
.aiw-feature-visual-icon { position: absolute; left: 22px; top: 22px; width: 54px; height: 54px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 28px; z-index: 2; }
.aiw-feature-badge { position: absolute; right: 14px; top: 14px; z-index: 3; }
.aiw-feature-line, .aiw-feature-dot { position: absolute; display: block; z-index: 1; }
.aiw-feature-line { height: 8px; border-radius: 999px; background: #dbe4ee; }
.aiw-feature-line-one { right: 22px; top: 76px; width: 86px; }
.aiw-feature-line-two { right: 44px; top: 96px; width: 62px; background: #edf2f7; }
.aiw-feature-dot { width: 18px; height: 18px; border-radius: 6px; background: #fff; border: 4px solid #dbeafe; }
.aiw-feature-dot-one { right: 34px; top: 30px; }
.aiw-feature-dot-two { left: 104px; bottom: 28px; border-color: #dcfce7; }
.aiw-feature-visual-camera { background: #eef8fc; }
.aiw-feature-visual-camera::after { content: ""; position: absolute; right: 22px; bottom: 24px; width: 82px; height: 48px; border-radius: 8px; border: 2px solid #93c5fd; background: #fff; box-shadow: inset 0 0 0 12px #eff6ff; }
.aiw-feature-visual-face { background: #f0fdf4; }
.aiw-feature-visual-face::after { content: ""; position: absolute; right: 34px; bottom: 22px; width: 66px; height: 72px; border-radius: 48% 48% 44% 44%; border: 2px solid #86efac; background: #fff; }
.aiw-feature-visual-hand { background: #fff7ed; }
.aiw-feature-visual-hand::after { content: ""; position: absolute; right: 26px; bottom: 26px; width: 82px; height: 54px; border-radius: 26px 26px 12px 12px; border: 2px solid #fdba74; background: #fff; }
.aiw-feature-visual-privacy { background: #f8fafc; }
.aiw-feature-visual-privacy::after { content: ""; position: absolute; right: 34px; bottom: 20px; width: 70px; height: 78px; border-radius: 10px; border: 2px solid #cbd5e1; background: #fff; box-shadow: inset 0 28px 0 #e2e8f0; }
.aiw-feature-visual-shield { background: #fff1f2; }
.aiw-feature-visual-shield::after { content: ""; position: absolute; right: 36px; bottom: 20px; width: 64px; height: 78px; border-radius: 12px 12px 34px 34px; border: 2px solid #fda4af; background: #fff; }
.aiw-feature-visual-sliders { background: #eff6ff; }
.aiw-feature-visual-sliders::after { content: ""; position: absolute; right: 24px; bottom: 24px; width: 90px; height: 64px; border-radius: 8px; border: 2px solid #93c5fd; background: repeating-linear-gradient(180deg, #fff 0 13px, #dbeafe 14px 16px); }
.aiw-feature-visual-profile { background: #f0f9ff; }
.aiw-feature-visual-profile::after { content: ""; position: absolute; right: 28px; bottom: 26px; width: 92px; height: 60px; border-radius: 8px; border: 2px solid #7dd3fc; background: linear-gradient(180deg, #e0f2fe 0 18px, #fff 19px); box-shadow: -18px -14px 0 #bae6fd; }
.aiw-feature-visual-models { background: #f8fafc; }
.aiw-feature-visual-models::after { content: ""; position: absolute; right: 28px; bottom: 24px; width: 88px; height: 64px; border-radius: 8px; background: #fff; border: 2px solid #cbd5e1; box-shadow: -14px -12px 0 #f1f5f9, -28px -24px 0 #e2e8f0; }
.aiw-feature-visual-local { background: #f0f9ff; }
.aiw-feature-visual-local::after { content: ""; position: absolute; right: 28px; bottom: 28px; width: 88px; height: 58px; border-radius: 8px; border: 2px solid #7dd3fc; background: #fff; box-shadow: 0 16px 0 -11px #7dd3fc; }
.aiw-feature-visual-server { background: #ecfdf5; }
.aiw-feature-visual-server::after { content: ""; position: absolute; right: 30px; bottom: 22px; width: 86px; height: 72px; border-radius: 8px; border: 2px solid #86efac; background: repeating-linear-gradient(180deg, #fff 0 18px, #dcfce7 19px 21px); }
.aiw-feature-visual-team { background: #fffbeb; }
.aiw-feature-visual-team::after { content: ""; position: absolute; right: 24px; bottom: 24px; width: 96px; height: 62px; border-radius: 8px; border: 2px solid #fcd34d; background: linear-gradient(90deg, #fff 0 31%, #fef3c7 32% 34%, #fff 35% 65%, #fef3c7 66% 68%, #fff 69%); }
.aiw-feature-visual-mobile { background: #eef2ff; }
.aiw-feature-visual-mobile::after { content: ""; position: absolute; right: 46px; bottom: 20px; width: 52px; height: 82px; border-radius: 10px; border: 2px solid #a5b4fc; background: #fff; box-shadow: inset 0 -10px 0 #e0e7ff; }
.aiw-feature-visual-voice { background: #fff1f2; }
.aiw-feature-visual-voice::after { content: ""; position: absolute; right: 48px; bottom: 22px; width: 48px; height: 76px; border-radius: 24px 24px 12px 12px; border: 2px solid #fda4af; background: #fff; box-shadow: 0 18px 0 -11px #fda4af; }
.aiw-feature-visual-avatar { background: #f8fafc; }
.aiw-feature-visual-avatar::after { content: ""; position: absolute; right: 32px; bottom: 20px; width: 72px; height: 82px; border-radius: 36px 36px 14px 14px; border: 2px solid #cbd5e1; background: #fff; box-shadow: inset 0 24px 0 #e2e8f0; }
@media (max-width: 575.98px) { .aiw-feature-visual { height: 118px; } }
.page-title-box { min-height: 42px; }
.page-title-box h4 { font-size: 14px; font-weight: 700; text-transform: uppercase; letter-spacing: 0; }
.page-title-right, .breadcrumb { display: none !important; }
.page-content > .container-fluid > .row.g-4 { margin-bottom: 1.5rem; }
@media (max-width: 575.98px) { .page-title-box { margin-left: -1.5rem; margin-right: -1.5rem; padding-left: 1rem; padding-right: 1rem; } }
.aiw-faq-hero { overflow: hidden; }
.aiw-faq-hero-icon { width: 170px; height: 170px; margin: 24px 0 -34px auto; border-radius: 50%; background: rgba(10,179,156,.12); color: #0ab39c; display: flex; align-items: center; justify-content: center; font-size: 88px; }
.aiw-faq-answer { white-space: pre-line; }
.aiw-faq-admin-answer { min-height: 130px; }
.aiw-partner-percent { width: 104px; height: 104px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: rgba(10,179,156,.14); color: #0ab39c; font-size: 28px; font-weight: 700; line-height: 1; }
.aiw-partner-feature-icon { width: 88px; height: 88px; }
.aiw-partner-feature-icon .avatar-title { font-size: 30px; }
@media (max-width: 575.98px) { .aiw-partner-percent { width: 88px; height: 88px; font-size: 24px; } .aiw-partner-feature-icon { width: 76px; height: 76px; } .aiw-partner-feature-icon .avatar-title { font-size: 27px; } }

/* Velzon dark sidebar */
html[data-sidebar="dark"] { --aiw-sidebar-bg: #405189; --aiw-sidebar-border: rgba(255,255,255,.08); --aiw-sidebar-text: #abb9e8; --aiw-sidebar-text-active: #fff; --aiw-sidebar-title: #8fa0d6; --aiw-sidebar-hover: rgba(255,255,255,.08); }
html[data-sidebar="dark"] .app-menu.navbar-menu { background: var(--aiw-sidebar-bg); border-right: 0; box-shadow: 0 2px 4px rgba(15,23,42,.08); }
html[data-sidebar="dark"] .navbar-brand-box { height: 70px; padding: 0 1.25rem; border-bottom: 0; background: var(--aiw-sidebar-bg); display: flex; align-items: center; justify-content: center; }
html[data-sidebar="dark"] .navbar-brand-box .logo-dark { display: none !important; }
html[data-sidebar="dark"] .navbar-brand-box .logo-light { display: inline-flex !important; align-items: center; }
html[data-sidebar="dark"] .navbar-brand-box .logo-lg { gap: .65rem !important; }
html[data-sidebar="dark"] .aiw-brand-mark { background: rgba(56,189,248,.18); box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }
html[data-sidebar="dark"] .aiw-brand-name { color: #fff !important; font-size: 28px; font-weight: 700 !important; letter-spacing: 0; }
html[data-sidebar="dark"] #scrollbar { height: calc(100vh - 70px); overflow-y: auto; overflow-x: hidden; padding: 8px 0 18px; }
html[data-sidebar="dark"] #scrollbar::-webkit-scrollbar { width: 6px; }
html[data-sidebar="dark"] #scrollbar::-webkit-scrollbar-thumb { background: rgba(255,255,255,.18); border-radius: 999px; }
html[data-sidebar="dark"] .app-menu .container-fluid { padding: 0; }
html[data-sidebar="dark"] .navbar-menu .navbar-nav { padding: 0 12px; }
html[data-sidebar="dark"] .menu-title { padding: 16px 7px 8px; color: var(--aiw-sidebar-title); font-size: 11px; line-height: 1; text-transform: uppercase; font-weight: 700; letter-spacing: .06em; }
html[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link { min-height: 44px; margin: 1px 0; padding: .625rem .65rem; border-radius: 4px; color: var(--aiw-sidebar-text); background: transparent; display: flex; align-items: center; gap: .72rem; font-size: 15px; font-weight: 500; transition: color .15s ease, background-color .15s ease; }
html[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link i { min-width: 20px; font-size: 18px; line-height: 1; color: currentColor; opacity: .92; }
html[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link span:not(.badge) { color: inherit; }
html[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link:hover,
html[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link:focus,
html[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link.active { color: var(--aiw-sidebar-text-active); background: var(--aiw-sidebar-hover); }
html[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"]::after { content: "\ea6e"; font-family: remixicon; margin-left: auto; font-size: 16px; line-height: 1; color: currentColor; transition: transform .2s ease; opacity: .9; }
html[data-sidebar="dark"] .navbar-menu .navbar-nav .nav-link[data-bs-toggle="collapse"][aria-expanded="true"]::after { transform: rotate(90deg); }
html[data-sidebar="dark"] .menu-dropdown { margin: 0 0 4px; }
html[data-sidebar="dark"] .menu-dropdown .nav-sm { padding: 2px 0 6px 32px; }
html[data-sidebar="dark"] .menu-dropdown .nav-sm .nav-link { position: relative; min-height: 34px; padding: .45rem .45rem .45rem 1.05rem; margin: 0; border-radius: 3px; color: var(--aiw-sidebar-text); font-size: 14px; font-weight: 500; background: transparent; }
html[data-sidebar="dark"] .menu-dropdown .nav-sm .nav-link::before { content: ""; position: absolute; left: .25rem; top: 50%; width: 5px; height: 1px; background: currentColor; opacity: .7; transform: translateY(-50%); }
html[data-sidebar="dark"] .menu-dropdown .nav-sm .nav-link:hover,
html[data-sidebar="dark"] .menu-dropdown .nav-sm .nav-link:focus,
html[data-sidebar="dark"] .menu-dropdown .nav-sm .nav-link.active { color: #fff; background: transparent; }
html[data-sidebar="dark"] .navbar-menu .badge { padding: .28em .5em; border-radius: 4px; font-size: 11px; font-weight: 700; }
@media (max-width: 991.98px) { html[data-sidebar="dark"] .app-menu.navbar-menu { box-shadow: 0 8px 24px rgba(15,23,42,.24); } }

.aiw-faq-table-question { max-width: 620px; white-space: normal; }
.aiw-faq-table-answer { max-width: 620px; white-space: pre-line; }

.settings-release-dropzone {
    width: 100%;
    min-height: 170px;
    border: 2px dashed var(--vz-border-color);
    border-radius: 5px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease, opacity .15s ease;
}
.settings-release-dropzone:hover,
.settings-release-dropzone:focus-visible,
.settings-release-dropzone.is-dragover {
    border-color: var(--vz-primary);
    background: rgba(var(--vz-primary-rgb), .04);
    outline: 0;
}
.settings-release-dropzone.is-dragover { background: rgba(var(--vz-primary-rgb), .09); }
.settings-release-dropzone.is-invalid { border-color: var(--vz-danger); }
.settings-release-dropzone.is-disabled {
    cursor: not-allowed;
    opacity: .6;
    background: var(--vz-light);
}
.settings-release-dropzone.is-disabled:hover { border-color: var(--vz-border-color); }

html[data-sidebar-size="sm"] .navbar-brand-box { width: 70px; padding: 0; justify-content: center; overflow: hidden; }
html[data-sidebar-size="sm"] .navbar-brand-box .logo { width: 70px; justify-content: center; overflow: hidden; }
html[data-sidebar-size="sm"] .navbar-brand-box .logo-lg,
html[data-sidebar-size="sm"] .navbar-brand-box .aiw-brand-name { display: none !important; }
html[data-sidebar-size="sm"] .navbar-brand-box .logo-sm { display: inline-flex !important; align-items: center; justify-content: center; }
html[data-sidebar="dark"][data-sidebar-size="sm"] .navbar-brand-box .logo-light { display: inline-flex !important; width: 70px; justify-content: center; }
html[data-sidebar="dark"][data-sidebar-size="sm"] .navbar-brand-box .logo-light .logo-lg { display: none !important; }
html[data-sidebar="dark"][data-sidebar-size="sm"] .navbar-brand-box .logo-light .logo-sm { display: inline-flex !important; }
html[data-sidebar-size="sm"] { min-height: 100vh !important; }
html[data-sidebar-size="sm"] .app-menu.navbar-menu { height: 100vh; max-height: 100vh; overflow: hidden; }
html[data-sidebar-size="sm"] #scrollbar { height: calc(100vh - 70px) !important; max-height: calc(100vh - 70px); overflow-y: auto; overflow-x: hidden; }
html[data-sidebar-size="sm"] .app-menu .simplebar-wrapper,
html[data-sidebar-size="sm"] .app-menu .simplebar-mask,
html[data-sidebar-size="sm"] .app-menu .simplebar-offset,
html[data-sidebar-size="sm"] .app-menu .simplebar-content-wrapper { height: 100% !important; max-height: 100% !important; }