/* Shared visual language for the public site and workspace. */
.ix-workspace #resultsMeta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch!important}
.ix-workspace #resultsMeta.d-none{display:none!important}
.ix-result-stat{border:1px solid #dce5f1;border-radius:12px;padding:18px 20px;background:#f7faff;min-width:0}
.ix-result-stat span{display:block;font-size:12px;color:#617086}.ix-result-stat strong{display:block;font-size:32px;line-height:1.3;color:#173659;margin-top:8px}
.ix-result-completion{background:#effaf5;border-color:#d1ecdf}.ix-result-completion strong{color:#138355}
.ix-result-meter{height:4px;border-radius:5px;background:#d1ecdf;margin-top:10px;overflow:hidden}.ix-result-meter i{display:block;background:#19a66b;height:100%}
@media(max-width:575px){.ix-workspace #resultsMeta{gap:6px}.ix-result-stat{padding:12px 10px}.ix-result-stat strong{font-size:25px}}
:root{--ix-ink:#14243c;--ix-muted:#617086;--ix-blue:#235be5;--ix-line:#e1e7ef;--ix-surface:#f5f7fb;--ix-radius:14px}
body.ix-workspace,body.ix-public,body.auth-page{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ix-ink);background:var(--ix-surface);font-size:14px;line-height:1.6}
:is(.ix-workspace,.ix-public,.auth-page) :is(a,button,input,select,textarea):focus-visible{outline:3px solid #80a7ff!important;outline-offset:3px}
:is(.ix-workspace,.ix-public,.auth-page) .btn{border-radius:9px;font-weight:600;min-height:38px;box-shadow:none!important;transition:background .15s,border-color .15s}
:is(.ix-workspace,.auth-page) .btn-primary{background:var(--ix-blue)!important;border:1px solid var(--ix-blue)!important;color:#fff!important}
:is(.ix-workspace,.auth-page) .btn-primary:hover{background:#1949c1!important;transform:none!important}
.ix-workspace .btn-success{background:#12785b!important;border-color:#12785b!important}
.ix-workspace .btn-danger{background:#be3540!important;border-color:#be3540!important}
.ix-workspace .btn-outline-primary,.ix-workspace .btn-primary-outline{color:var(--ix-blue);border:1px solid #cbd9f7;background:white}
.ix-workspace :is(.card-style,.card,.questions-panel){border:1px solid var(--ix-line)!important;border-radius:var(--ix-radius)!important;box-shadow:0 2px 5px #14243c04!important;backdrop-filter:none}
/* Wizard cards own their image/gradient background, including interactive states. */
.ix-workspace :is(.card-style,.card,.questions-panel):not(.wizard-card){background:#fff!important}
.ix-workspace .card-style{padding:24px}
.ix-workspace .main-wrapper{background:var(--ix-surface)}
.ix-workspace .main-wrapper>.section>.container-fluid{padding-inline:32px;max-width:1680px;margin-inline:auto}
.ix-workspace .title-wrapper{padding:32px 0 24px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin-bottom:0!important}
.ix-workspace .title-wrapper::before,.ix-workspace .title-wrapper::after{display:none!important}
.ix-workspace .title-wrapper .title h2{color:var(--ix-ink)!important;text-shadow:none}
.ix-workspace .title-wrapper .breadcrumb,.ix-workspace .title-wrapper .breadcrumb a,.ix-workspace .title-wrapper .breadcrumb-item{color:#617086!important}
.ix-workspace :is(.title h2,.interaction-detail-title h2){font-size:28px;font-weight:700;letter-spacing:-.7px;line-height:1.25;color:var(--ix-ink)}
.ix-workspace :is(.title-desc,.text-gray){color:var(--ix-muted)!important;line-height:1.6}
.ix-workspace .title-desc{margin-top:8px;max-width:740px}
.ix-workspace .sidebar-nav-wrapper{padding:8px 0!important;overflow-y:auto;background:#fff!important;border-inline-end:1px solid var(--ix-line);box-shadow:none!important}
.ix-workspace .navbar-logo{padding:16px 24px 8px!important;margin:0!important;text-align:start!important}
.ix-workspace .navbar-logo img{width:150px;max-width:100%;height:auto}
.ix-workspace .sidebar-nav{padding:8px 14px!important}
.ix-workspace .sidebar-nav .nav-item>a{border-radius:9px;color:#536179!important;font-size:14px;font-weight:500;line-height:22px;margin:2px 0;padding:9px 14px!important}
.ix-workspace .sidebar-nav .nav-item>a:hover,.ix-workspace .sidebar-nav .nav-item.active>a{background:#edf3ff!important;color:#235be5!important}
.ix-workspace .sidebar-nav .nav-item>a::before{display:none}
.ix-workspace .sidebar-nav .nav-item>a .icon{color:inherit!important}
.ix-workspace .sidebar-nav .nav-item>a svg{fill:currentColor}
.ix-workspace .sidebar-nav .dropdown-nav{padding:4px 8px 8px 22px!important}
.ix-workspace .sidebar-nav-wrapper .sidebar-nav .dropdown-nav>li{margin:0!important}
.ix-workspace .sidebar-nav .dropdown-nav a{border-radius:8px;font-size:13px;line-height:20px;min-height:34px;margin:0;padding:6px 10px!important}
.ix-workspace .sidebar-nav-wrapper .sidebar-nav .nav-item.nav-item-has-children .dropdown-nav .locked-nav-link{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:34px;margin:0;padding:6px 10px!important;border:0;border-radius:8px;background:transparent;color:#536179;font:inherit;font-size:13px;font-weight:500;line-height:20px;text-align:start;cursor:pointer;opacity:1}
.ix-workspace .sidebar-nav-wrapper .sidebar-nav .nav-item.nav-item-has-children .dropdown-nav .locked-nav-link:hover{background:#edf3ff;color:#235be5}
.ix-workspace .locked-nav-link .nav-feature-label{min-width:0;flex:1}
.ix-workspace .locked-nav-link .plan-lock-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;border-radius:5px;padding:0;font-size:12px;line-height:1}
.ix-workspace .mobile-sidebar-toggle{background:var(--ix-blue)!important;box-shadow:0 3px 10px #14243c14!important;border-radius:10px}
.ix-workspace :is(.form-control,.form-select,.input-style-1 input,.input-style-1 textarea,.select-style-1 select){border:1px solid #d6dfe9;border-radius:8px;background-color:#fff;min-height:40px;color:var(--ix-ink);box-shadow:none}
.ix-workspace :is(.form-control,.form-select):focus{border-color:#779df2;box-shadow:0 0 0 3px #235be512}
.ix-workspace :is(.form-label,label){font-weight:500}
.ix-workspace .table{color:var(--ix-ink);font-size:13px;--bs-table-hover-bg:#f7f9fd}
.ix-workspace .table thead th{background:#f7f9fc!important;border-bottom:1px solid var(--ix-line)!important;color:#617086!important;font-size:11px;font-weight:600;letter-spacing:.035em;padding:14px 16px!important;vertical-align:middle}
.ix-workspace .table thead h6{color:inherit;font-size:12px;font-weight:600}
.ix-workspace .table tbody td{padding:15px 16px!important;border-bottom-color:#edf0f5;vertical-align:middle}
.ix-workspace .table tbody tr:hover{background:#f8faff}
.ix-workspace .stat-card{display:flex;gap:18px;align-items:center;min-height:132px}
.ix-workspace .stat-card .icon-wrapper{width:48px;height:48px;min-width:48px;border-radius:12px;background:#edf3ff!important;color:var(--ix-blue)!important;box-shadow:none;margin:0}
.ix-workspace .stat-card .icon-wrapper i{color:inherit!important;font-size:23px}
.ix-workspace .stat-card h3{font-size:32px;letter-spacing:-1px;line-height:1.1;margin-bottom:0!important}
.ix-workspace .stat-card h6{font-size:13px!important;font-weight:500}
.ix-workspace .status-badge{border-radius:6px;font-size:12px;font-weight:600;padding:5px 9px;background:#eef2f7;color:#536179}
.ix-workspace .status-badge.active{background:#e5f5ef;color:#12785b}
.ix-workspace .status-badge.completed{background:#edf3ff;color:#235be5}
.ix-workspace .status-badge.paused{background:#fff3de;color:#996015}
.ix-workspace .modal-content{border:1px solid var(--ix-line);border-radius:16px;box-shadow:0 24px 80px #14243c26}
.ix-workspace .modal-header{padding:20px 24px;border-bottom:1px solid var(--ix-line)}
.ix-workspace .modal-title{font-size:18px;font-weight:650}
.ix-workspace .modal-body{padding:24px}
.ix-workspace .modal-footer{border-top:1px solid var(--ix-line);padding:16px 24px}
.ix-workspace .interaction-detail-header{background:transparent;border:0;box-shadow:none;padding:12px 0 18px;align-items:center}
.ix-workspace .interaction-detail-note{background:#edf3ff;border:1px solid #dae5fc;box-shadow:none;max-width:520px}
.ix-workspace #interactionDetailTabs{display:flex;flex-wrap:nowrap!important;overflow-x:auto;gap:4px;padding:0 0 8px;border:0;scrollbar-width:thin}
.ix-workspace #interactionDetailTabs .nav-item{flex:0 0 auto!important;min-width:max-content}
.ix-workspace #interactionDetailTabs .nav-link{border:1px solid transparent!important;border-radius:8px!important;white-space:nowrap;line-height:1.4;padding:10px 14px!important;color:#617086;box-shadow:none!important;background:transparent;font-size:13px}
.ix-workspace #interactionDetailTabs .nav-link.active{color:#235be5!important;background:#eaf1ff!important;border-color:#d6e3ff!important;font-weight:650}
.ix-workspace :is(.control-primary-btn,.control-tool-btn){box-shadow:none!important;border-radius:12px}
.ix-workspace .control-primary-start,.ix-workspace .control-primary-continue{background:#235be5!important}
.ix-workspace .wizard-card{box-shadow:none!important;border:1px solid var(--ix-line)!important;border-radius:12px}
.ix-workspace .wizard-card:hover,.ix-workspace .wizard-card.selected{border-color:#235be5!important;transform:none!important;background-color:#f7faff!important}
.ix-dashboard-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.ix-workspace .footer{background:transparent;border-top:1px solid var(--ix-line);margin-top:24px;padding-block:20px}
/* Public pages */
.ix-public .landing-navbar{background:#ffffffed!important;border-bottom:1px solid #e6ebf2;box-shadow:none!important;padding:16px 0}
.ix-public .hero-section{background:#f5f8fd!important;min-height:auto;padding:154px 0 84px;transition:none}
.ix-public .hero-section::before,.ix-public .hero-section::after{display:none}
.ix-public .hero-content{animation:none;position:relative;z-index:1}
.ix-public .hero-title{font-size:clamp(36px,4.2vw,58px);line-height:1.12;letter-spacing:-2px;font-weight:750;color:#14243c!important;text-shadow:none;margin-bottom:24px;background:none;-webkit-text-fill-color:#14243c}
.ix-public .hero-subtitle{font-size:17px;line-height:1.8;color:#617086!important;max-width:520px;margin-bottom:30px}
.ix-public .hero-buttons{gap:12px}
.ix-public .btn-hero{padding:13px 22px;border-radius:9px;font-size:14px;font-weight:600;box-shadow:none!important;transform:none!important}
.ix-public .btn-hero-primary{background:#235be5!important;color:white!important;border:1px solid #235be5}
.ix-public .btn-hero-outline{background:white;color:#304561!important;border:1px solid #d6dfe9}
.ix-public .hero-image{animation:none;transform:none!important;padding-inline-start:28px}
.ix-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#235be5;font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;margin-bottom:20px}
.ix-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#235be5}
.ix-demo{background:white;border:1px solid #dce4ef;border-radius:16px;box-shadow:0 24px 70px #233f6a13;text-align:start;overflow:hidden;color:#14243c;transform:rotate(-1deg)}
.ix-demo-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8edf4;padding:17px 22px;font-size:11px;color:#758298;background:#fcfdff}
.ix-demo-top strong{font-size:17px;color:#235be5;letter-spacing:-.5px}
.ix-demo-body{padding:26px}
.ix-demo-kicker{font-size:11px;letter-spacing:.08em;color:#7b879a;text-transform:uppercase;margin-bottom:8px}
.ix-demo h3{font-size:21px;letter-spacing:-.5px;margin-bottom:22px;font-weight:700}
.ix-demo-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}
.ix-demo-stats>div{border:1px solid #e8edf4;border-radius:10px;padding:12px;background:#fafbfd}
.ix-demo-stats strong{display:block;font-size:25px;line-height:1.4;letter-spacing:-.7px}
.ix-demo-stats span{font-size:11px;color:#738198}
.ix-demo-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #eef1f6;font-size:12px}
.ix-demo-row>span:first-child{display:flex;align-items:center;gap:10px;font-weight:500}
.ix-demo-avatar{display:inline-grid;place-items:center;width:29px;height:29px;background:#edf3ff;color:#3262c3;border-radius:8px;font-size:10px;font-weight:700}
.ix-demo-status{background:#eaf6ef;color:#247653;border-radius:5px;padding:4px 8px;font-size:10px;white-space:nowrap}
.ix-demo-status.waiting{background:#fff4df;color:#94651d}
.ix-demo-foot{display:flex;align-items:center;gap:8px;font-size:11px;color:#63758c;padding-top:18px}
.ix-public :is(.features-section,.usecases-section,.faq-section){padding:80px 0;background:#fff}
.ix-public .usecases-section{background:#f5f8fd}
.ix-public .section-title{color:#14243c;font-size:34px;font-weight:700;letter-spacing:-1px;line-height:1.25}
.ix-public .section-subtitle{color:#617086;font-size:16px;max-width:650px;margin:14px auto 38px;line-height:1.7}
.ix-public :is(.feature-card,.usecase-card,.faq-item){background:#fff!important;border:1px solid #e1e7ef;border-radius:14px;box-shadow:none!important;transform:none!important}
.ix-public .feature-card{padding:26px;height:100%}
.ix-public .feature-card::before{display:none}
.ix-public .feature-icon{background:#edf3ff!important;color:#235be5!important;width:48px;height:48px;border-radius:12px;box-shadow:none}
.ix-public .feature-icon i{color:#235be5!important;font-size:23px}
.ix-public .feature-title{font-size:18px;color:#14243c;letter-spacing:-.3px}
.ix-public :is(.feature-description,.usecase-description,.faq-item p){color:#617086;font-size:14px;line-height:1.75}
.ix-public .usecase-badge{background:#edf3ff!important;color:#235be5!important;border:0}
.ix-public .usecase-image{background:#eaf1fc!important;color:#235be5!important;height:108px}
.ix-public .usecase-image i{color:#235be5!important;font-size:38px}
.ix-public .public-static-header,.ix-public .page-header{background:#f5f8fd!important;color:#14243c;padding-top:140px;padding-bottom:56px}
.ix-public .public-static-header::before,.ix-public .page-header::before{display:none}
.ix-public :is(.public-static-title,.page-title){color:#14243c!important;font-size:clamp(30px,4vw,46px);letter-spacing:-1px;text-shadow:none}
.ix-public :is(.public-static-subtitle,.page-subtitle){color:#617086!important;line-height:1.75;max-width:760px;margin-inline:auto}
.ix-public .app-card{border:1px solid #e1e7ef;border-radius:13px;box-shadow:none!important;transform:none!important}
.ix-public .app-content{padding:20px}.ix-public .app-title{font-size:17px;color:#14243c}.ix-public .app-description{color:#617086;font-size:13px;line-height:1.7}
.ix-public .app-badge{background:#edf3ff!important;color:#235be5!important}
.ix-public .btn-nav-primary{background:#235be5!important;border-color:#235be5!important;box-shadow:none!important;border-radius:8px}
.ix-public .btn-nav-outline{border-color:#d6dfe9!important;color:#304561!important;border-radius:8px}
.ix-public .public-navbar-button{border-radius:8px;font-size:13px;font-weight:600}
.ix-public .public-navbar-button-primary{background:#235be5;box-shadow:none}
.ix-public .public-navbar-button-outline{border:1px solid #d6dfe9;color:#304561}
.ix-public .public-navbar-link{color:#536179;font-size:13px}
.ix-public .hero-buttons{animation:none!important;opacity:1!important}
.ix-public .hero-title,.ix-public .hero-subtitle{animation:none!important;opacity:1!important}
.ix-application-detail .app-shell{padding-top:115px}
.ix-application-detail .app-hero{background:#142b4a!important;padding:42px;min-height:0}
.ix-application-detail .app-hero::before,.ix-application-detail .app-hero::after{display:none}
.ix-application-detail .app-hero .app-title{font-size:clamp(30px,4vw,44px);color:#fff;letter-spacing:-1px;max-width:850px}
.ix-application-detail .app-hero .app-description{font-size:17px;color:#d3ddeb;max-width:760px}
.ix-application-detail .app-detail-content{color:#536179;line-height:1.8}
.ix-application-detail .btn-app{border-radius:9px;font-size:14px;padding:12px 20px}
.ix-application-detail .btn-app-primary{background:#235be5;color:#fff}
.ix-public .landing-footer{background:#101f35;color:#b3bfd0;border:0}
.ix-public .landing-footer a{color:#d3ddea}
.auth-page .auth-container{background:#f5f8fd!important}
.auth-page :is(.auth-card,.login-card){border:1px solid #e1e7ef;box-shadow:0 16px 50px #14243c0d!important;border-radius:18px}
.auth-page :is(.auth-visual,.auth-hero,.auth-brand-panel){background:#142b4a!important}
.auth-page .auth-cover{background:#142b4a!important;border-radius:16px}
.auth-page .auth-cover::before{display:none}
.auth-page .auth-row{box-shadow:0 16px 50px #14243c12!important;border:1px solid #e1e7ef}
.auth-page .auth-cover-wrapper{background:#142b4a!important}
.auth-page .auth-brand img{background:#fff;padding:10px 14px;border-radius:10px;box-sizing:content-box}
.auth-page .auth-submit{background:#235be5!important;border-radius:9px;box-shadow:none!important;transform:none!important}
.auth-page .auth-cover-kicker{background:#ffffff12;border:1px solid #ffffff26;color:#dbe8ff}
.auth-page .auth-signal{background:#ffffff08;border:1px solid #ffffff18;box-shadow:none}
@media(min-width:992px){.ix-public .hero-image{display:block!important}}
@media(max-width:991.98px){
.ix-workspace .navbar-logo{padding-inline-start:66px!important}
 .ix-public .hero-section{padding:120px 0 56px}.ix-public .hero-content{max-width:700px;margin:auto;text-align:center}.ix-public .hero-subtitle{margin-inline:auto}.ix-public .hero-buttons{justify-content:center}
 .ix-public .hero-image{display:block!important;padding:0;max-width:560px;margin:38px auto 0}.ix-demo{transform:none}
 .ix-workspace .main-wrapper>.section>.container-fluid{padding-inline:20px}.ix-workspace .title-wrapper{padding-top:16px!important}.ix-workspace .title h2{font-size:25px}
}
@media(max-width:767.98px){
 .ix-public .landing-navbar{position:sticky;top:0}
 .ix-public .public-navbar-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center}
 .ix-public .public-navbar-actions{display:contents}
 .ix-public .public-navbar-brand{grid-column:1 / 3;grid-row:1}.ix-public .public-navbar-brand img{width:140px}
 .ix-public .public-navbar-language{grid-column:3;grid-row:1;justify-content:flex-end;gap:2px;min-height:32px}
 .ix-public .public-navbar-applications-link{grid-column:1;grid-row:2;border:1px solid #d6dfe9;background:white;border-radius:8px;font-size:12px;color:#536179}
 .ix-public .public-navbar-button-outline{grid-column:2;grid-row:2}.ix-public .public-navbar-button-primary{grid-column:3;grid-row:2}
 .ix-public .public-navbar-button{padding:8px 5px;font-size:12px;min-height:40px}
 .ix-public .hero-section{padding-top:42px!important}.ix-public .page-header,.ix-public .public-static-header{padding-top:48px}
 .ix-application-detail .app-shell{padding-top:28px}
}
@media(max-width:575.98px){
 .ix-workspace .main-wrapper>.section>.container-fluid{padding-inline:14px}.ix-workspace .card-style{padding:18px}.ix-workspace .title-wrapper{padding-bottom:18px}.ix-dashboard-actions{justify-content:flex-start;margin-top:16px}
 .ix-workspace .stat-card{min-height:108px;padding:16px;gap:10px}.ix-workspace .stat-card h3{font-size:26px}.ix-workspace .stat-card .icon-wrapper{width:38px;min-width:38px;height:38px}
 .ix-workspace .interaction-detail-note{width:100%}.ix-workspace #interactionDetailTabs .nav-link{min-height:42px}.ix-workspace .modal-body{padding:16px}
 .ix-workspace #questionsTable{min-width:0!important;width:100%!important;table-layout:auto}
 .ix-workspace #questionsTable :is(tbody,tr,td){width:100%!important;min-width:0!important;max-width:100%}
 .ix-workspace #questionsTable td{padding:10px 12px!important;white-space:normal}
 .ix-workspace #questionsTable :is(input,select,textarea){max-width:100%;min-width:0}
 .ix-workspace .question-list-head,.ix-workspace .question-actions-row{flex-wrap:wrap;gap:12px}
 .ix-public .hero-title{font-size:38px;letter-spacing:-1.3px}.ix-public .hero-subtitle{font-size:15px}.ix-public .hero-section{padding:110px 0 45px}.ix-public .hero-buttons{flex-direction:column}.ix-public .btn-hero{width:100%}
 .ix-demo-body{padding:18px}.ix-demo-top{padding:14px 18px}.ix-demo h3{font-size:18px}.ix-demo-stats>div{padding:9px}.ix-demo-stats strong{font-size:23px}
 .ix-public :is(.features-section,.usecases-section,.faq-section){padding:52px 0}.ix-public .section-title{font-size:27px}.ix-public .section-subtitle{font-size:14px}
 .ix-application-detail .app-hero{padding:26px}.ix-application-detail .app-hero .app-description{font-size:15px}.ix-application-detail .app-body{padding:22px}
}
@media(prefers-reduced-motion:reduce){:is(.ix-public,.ix-workspace) *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Keep modal dismissal separate from RTL headings. */
[dir="rtl"] .modal-header .btn-close{margin-left:0;margin-right:auto}