/* 1.5 – blue brand palette, deliberate section rhythm and readable product demos. */
:root{--paper:#f1f6ff;--white:#ffffff;--ink:#152b4d;--teal:#2059d5;--deep:#102b5c;--mint:#e3edff;--muted:#526581;--line:#d4dff0;--dark-line:#3d5784;--space:clamp(64px,6.4vw,94px)}
body{background:#fff}.header{background:#ffffffed;backdrop-filter:blur(15px)}
.brand-mark{border-color:#2059d5;color:#173e82}.brand-dot{background:#3886ff}
.btn{background:#2059d5;border-color:#2059d5;box-shadow:0 4px 12px #2059d512;border-radius:9px}.btn:hover{background:#1748b6;border-color:#1748b6}.btn.outline{background:transparent;border-color:#a7bad8;color:#18345d;box-shadow:none}.btn.outline:hover{background:#eaf1ff;border-color:#2059d5}.btn.light{background:#e3edff;border-color:#e3edff;color:#102b5c}.btn.light:hover{background:#fff;border-color:#fff}
:focus-visible{outline-color:#2059d5}.nav-links .active:not(.btn),.text-link:hover{color:#2059d5}.dropdown,.jb-native-menu .sub-menu{border-color:#d4dff0;box-shadow:0 14px 35px #17386216}.dropdown a:hover,.dropdown a.active{background:#eaf1ff;color:#1748b6}
.service-hero{background:linear-gradient(115deg,#fff 34%,#eef4ff 100%);border-bottom:1px solid #dce6f5}.hero-home{background:radial-gradient(ellipse at 80% 40%,#245baf 0,transparent 53%),linear-gradient(120deg,#102653,#143b78)}
.hero-home .hero-headline-line:last-child{color:#9cccff}.hero-home .eyebrow,.hero-home .hero-note{color:#bfdaff}.hero-home .intro{color:#e1ecff}.hero-home .btn{background:#e7f1ff;border-color:#e7f1ff;color:#163972}.hero-home .btn:hover{background:#fff;border-color:#fff}.hero-home .btn.outline{background:transparent;border-color:#84a9dc;color:#fff}.hero-home .btn.outline:hover{background:#214d8d;border-color:#c8dfff}.hero-home :focus-visible{outline-color:#a5d0ff}.hero-home .portrait-card{box-shadow:0 25px 65px #061c4a44}
.trust-strip{background:#fff;border-color:#d4dff0}.trust-list li{color:#28456b}
.section.section-surface-white{background:#fff}.section.section-surface-blue{background:#eef4ff;border-block:1px solid #e0e9f8}
.section-faq{background:#f1f6ff;border-top:1px solid #dce6f5}.section-related{background:#fff;border-color:#d4dff0}.section-related .btn{border-color:#b7c8e2}
.section.section-ai-feature{background:radial-gradient(ellipse at 15% 70%,#204f98,transparent 65%),#102b5c;color:#fff}.section-ai-feature .eyebrow{color:#a9ceff}.section-ai-feature .content-copy h2{color:#fff}.section-ai-feature .content-copy p,.section-ai-feature .content-copy .benefit-list li{color:#e1ecff}.section-ai-feature .content-copy .benefit-list li:before{color:#9cccff}.section-ai-feature .text-link{color:#c8e0ff}
.section-statement{background:#edf4ff}.experience-mark{border-color:#b6cbe9}.service-index{border-top-color:#9fb9df}.service-link,.service-link:last-child{border-color:#cfddf0}
.section-header h2{max-width:860px}.section-header p:not(.eyebrow){max-width:750px}
.service-card{border-color:#d4dff0;background:#fff;box-shadow:0 8px 28px #22447707;border-radius:15px;padding:29px;position:relative}.service-card:before{content:'';display:block;width:32px;height:4px;background:#4385ee;border-radius:4px;margin-bottom:22px}.service-card h3{font-size:24px}.service-card .text-link{color:#2059d5}
.section>.wrap>.benefit-list>li,.content-stack>.benefit-list>li{border-color:#cfddf0;background:#fff;box-shadow:0 5px 18px #183a6c04}.example-card{background:#e5efff;border-color:#2059d5}.process>li,.process article{border-color:#8dadde}.process>li:before{color:#2059d5}
.closing-cta{background:linear-gradient(112deg,#102b5c,#1d478a)}.closing-cta p:not(.eyebrow){color:#d9e8ff}.closing-cta .eyebrow{color:#a9ceff}
.contact-section{background:linear-gradient(110deg,#102b5c,#173d78);color:#fff}.contact-section .eyebrow{color:#accfff}.contact-grid p,.contact-options>p{color:#deebff}.contact-options>a{border-color:#5678aa}.contact-options a>span{color:#b9d3fa}.contact-options a>strong{color:#fff}.contact-address{color:#dceaff!important}.contact-form :is(input,textarea){border-color:#aec5e4}.contact-form .wpcf7-submit{background:#e3edff;color:#17345e;border-color:#e3edff}.contact-form .wpcf7-submit:hover{background:#fff}.contact-form .jb-form-details summary{color:#deebff}.contact-form .jb-form-privacy{color:#cfdef4!important}
.footer{background:#f5f8fe;border-top:1px solid #d4dff0}.footer-top,.footer-inner{border-color:#d4dff0}.footer-top p{color:#526581}.footer-top strong{color:#28466e}
.demo-panel{border-color:#cbdaf0;background:#fff;box-shadow:0 16px 48px #1539690d}.demo-label{background:#fff;color:#344e74;border-color:#dbe5f3}.demo-label>span:last-child{color:#526581}.demo-label>span:first-child:before{background:#4385ee}.demo-tabs{background:#edf3fe;border-color:#d4dff0}.demo-tab{color:#526581}.demo-tab[aria-selected=true]{color:#1647ab;border-color:#2059d5}.demo-tab:hover{color:#1647ab;background:#e3edff}.demo-note{color:#627693!important}.demo-screen{background:#fff}.demo-frame,.demo-question{background:#f0f5fe;border-color:#d4dff0}.demo-title{color:#18375f}.demo-answer{background:#eff5ff}.demo-evidence{border-color:#c4d6ef}.demo-evidence .evidence-icon{background:#fff;color:#2059d5;border-color:#bdd0ed}.demo-evidence summary{color:#295891}.demo-evidence blockquote{border-color:#4385ee;background:#fff;color:#344d6f}.demo-source{color:#376297;border-color:#cadbf2;background:#fff}
.demo-industries .demo-tabs{background:#ecf2fc}.demo-industries .demo-tab[aria-selected=true]{background:#fff;border-color:#a8bfe2}.case-explanation .eyebrow{color:#2059d5}.case-explanation .text-link{color:#2059d5}.case-preview:has(.interface-artboard){background:#edf3fc;aspect-ratio:3/2}.case-preview .interface-artboard{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.app-heading{border-color:#d4dff0}.app-symbol{background:#e3edff;color:#2059d5}.metric-grid>div{background:#edf3fe}.metric-grid>div.metric-primary{background:#2059d5}.channel-track{background:#e7eefb}.channel-track i{background:#5790ed}.channel-row strong{color:#173969}.analytics-note{border-color:#d4dff0}
.workflow-cards li{background:#f2f6fe;border-color:#d4dff0}.workflow-cards li+li:before{color:#2059d5}.workflow-number{background:#dfeaff;color:#2059d5}.workflow-kicker{color:#526f99}.workflow-cards strong{color:#193c70}.workflow-cards p{color:#526581!important}.workflow-cards li:last-child{background:#163b79;border-color:#163b79}.workflow-cards li:last-child p,.workflow-cards li:last-child .workflow-kicker{color:#dae9ff!important}.workflow-cards li:last-child .workflow-number{background:#315ba2;color:#e3edff}
/* The assistant is shown as a conversation inside a small application. */
.assistant-top{display:flex;align-items:center;gap:12px;padding:20px 22px;background:#163b79;color:#fff}.assistant-mark{display:flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;border-radius:10px;background:#ffffff1f;font-size:23px}.assistant-top strong{display:block;font-size:16px;line-height:1.4}.assistant-top small{display:block;color:#c7ddff;font-size:11px;margin-top:3px}.assistant-docs{display:flex;gap:7px;flex-wrap:wrap;padding:12px 20px;background:#f6f9ff;border-bottom:1px solid #d4dff0}.assistant-docs span{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#48658a;background:#fff;border:1px solid #d6e2f3;border-radius:6px;padding:5px 8px}.assistant-docs svg{width:13px;height:13px;color:#4385ee}
.demo-knowledge .demo-screen{padding:21px;background:#f7faff}.demo-knowledge .demo-tabs{padding:0 12px;background:#fff}.demo-knowledge .demo-tab{font-size:11px;min-height:45px}.demo-knowledge .demo-chat{display:flex;flex-direction:column;gap:17px}.demo-knowledge .demo-question{align-self:flex-end;max-width:91%;background:#2059d5;color:#fff;padding:14px 17px;border-radius:15px 15px 3px 15px;margin:0;font-size:14px!important;line-height:1.65!important}.demo-knowledge .demo-question:before{color:#c8dfff;font-size:9px;margin-bottom:5px}.demo-knowledge .demo-answer{background:#fff;border:1px solid #dbe5f4;border-radius:3px 15px 15px 15px;padding:19px;box-shadow:0 7px 22px #1b45820a}.demo-knowledge .demo-answer .demo-title{display:flex;align-items:center;gap:8px;color:#173b75!important;font-size:13px!important;margin-bottom:12px!important}.demo-knowledge .demo-answer .demo-title:before{content:'✧';font-size:21px;color:#2059d5;line-height:1}.demo-knowledge .demo-answer>p:not(.demo-title){font-size:14px;line-height:1.7;color:#435d80}.demo-knowledge .demo-evidence{margin-top:16px;padding-top:13px}.demo-knowledge .demo-evidence summary{font-size:11px}.demo-knowledge .demo-note{padding-top:12px;background:#f7faff}
/* A real-looking task board explains individual software without using KI jargon. */
.demo-portal .demo-screen{padding:0}.portal-window{background:#f1f5fc;padding-bottom:22px}.portal-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;background:#173b79;color:#fff}.portal-top strong{font-size:16px}.portal-top small{font-size:10px;color:#cbdfff}.portal-subnav{display:flex;gap:24px;padding:14px 22px;background:#fff;border-bottom:1px solid #d6e2f3;font-size:11px;color:#526987}.portal-subnav strong{color:#2059d5}.portal-intro{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:23px 22px 17px}.portal-intro h3{font-size:22px}.portal-intro span{font-size:10px;color:#526581;border:1px solid #c5d5ec;background:#fff;padding:5px 8px;border-radius:6px}.portal-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 22px}.portal-column>strong{display:flex;align-items:center;gap:6px;font-size:10px;margin-bottom:12px;color:#48658a}.portal-column>strong:before{content:'';width:7px;height:7px;border-radius:50%;background:#97b8e8}.portal-column:nth-child(2)>strong:before{background:#347ce5}.portal-column:nth-child(3)>strong:before{background:#6d88ad}.portal-ticket{background:#fff;border:1px solid #d4dff0;border-radius:9px;padding:14px 12px;min-height:115px;box-shadow:0 5px 12px #193f7906}.portal-ticket>small{font-size:9px;color:#6b80a0}.portal-ticket>b{display:block;font-size:13px;line-height:1.4;margin:9px 0;color:#1b3d6d}.portal-ticket>span{font-size:10px;color:#617798}.portal-ticket.selected{border-color:#5288de;box-shadow:0 0 0 2px #e0ecff}.portal-detail{background:#fff;border:1px solid #c7d9f1;border-radius:10px;margin:19px 22px 0;padding:17px}.portal-detail-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px}.portal-detail-head strong{font-size:12px}.portal-status{font-size:9px;background:#fff3d9;color:#78581a;padding:5px 8px;border-radius:5px}.portal-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portal-fields>div{background:#f4f7fd;padding:10px 12px;border-radius:6px}.portal-fields small{display:block;font-size:9px;color:#66809e}.portal-fields strong{display:block;font-size:12px;margin-top:3px}.portal-detail>p{font-size:11px!important;line-height:1.6!important;margin:14px 0 0!important;color:#536b8b!important}
/* A compact website chat and search example make the use cases tangible. */
.demo-chatbot .demo-screen,.demo-searchview .demo-screen{padding:0}.chatbot-stage{padding:23px;background:linear-gradient(140deg,#edf3ff,#dce9ff)}.chatbot-site{display:flex;align-items:center;gap:11px;margin-bottom:20px;color:#24456f}.chatbot-site img{width:48px;height:48px;border-radius:12px;object-fit:cover}.chatbot-site strong{display:block;font-size:14px}.chatbot-site small{font-size:10px}.chatbot-box{margin-left:36px;background:#fff;border:1px solid #c3d5f0;border-radius:15px;overflow:hidden;box-shadow:0 16px 35px #1c437d18}.chatbot-head{display:flex;align-items:center;gap:10px;background:#2059d5;color:#fff;padding:16px 19px;font-size:13px}.chatbot-head>span{font-size:22px}.chatbot-body{padding:18px;display:flex;flex-direction:column;gap:14px}.chatbot-body p{font-size:13px!important;line-height:1.65!important;margin:0!important;padding:12px 14px;border-radius:10px;background:#f0f5fe;color:#3a5578!important}.chatbot-body p.chatbot-visitor{background:#dfeaff;align-self:flex-end;max-width:88%;color:#1c4580!important}.chatbot-body small{color:#536b8b;font-size:10px;line-height:1.6}.chatbot-next{display:flex;flex-wrap:wrap;gap:7px}.chatbot-next span{border:1px solid #b8cdec;color:#265ab3;padding:6px 9px;border-radius:7px;font-size:10px;background:#fff}
.search-window{background:#fff;padding:23px}.search-address{font-size:10px;color:#607596;letter-spacing:.02em;margin-bottom:18px}.search-input{display:flex;align-items:center;gap:10px;border:1px solid #c1d3ed;border-radius:28px;padding:13px 16px;color:#284971;font-size:13px;box-shadow:0 3px 10px #264c8a09}.search-input svg{width:19px;height:19px;color:#5482c7;flex:none}.search-result-demo{display:grid;grid-template-columns:1fr 110px;gap:15px;padding:24px 0;border-bottom:1px solid #dce6f4;align-items:center}.search-result-demo small{color:#526e93;font-size:10px}.search-result-demo strong{display:block;color:#2256bd;font-size:19px;line-height:1.35;margin:8px 0}.search-result-demo p{font-size:12px!important;line-height:1.65!important;color:#526581;margin:0!important}.search-result-demo img{width:110px;height:110px;object-fit:cover;border-radius:11px}.ai-search-answer{margin-top:20px;background:#eef4ff;border:1px solid #dce7fa;border-radius:12px;padding:17px}.ai-search-answer strong{display:flex;align-items:center;gap:8px;font-size:13px;color:#214b8d}.ai-search-answer p{font-size:12px!important;line-height:1.65!important;margin:10px 0 0!important;color:#466185}.ai-search-answer small{display:block;font-size:10px;color:#3568b8;margin-top:10px}
.connected-tools{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;padding:30px;background:#edf4ff;border:1px solid #d4e2f8;border-radius:15px;margin-top:28px}.connected-tools>div{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:135px;padding:23px;background:#fff;border:1px solid #cbddf5;border-radius:13px;box-shadow:0 7px 20px #294b8107}.connected-tools svg{width:30px;height:30px;color:#3276dd}.connected-tools strong{font-size:13px}.connected-tools>span{color:#5084cc;font-size:24px}
@media(max-width:980px){.header .nav-links{background:#fff}.dropdown,.jb-native-menu .sub-menu{background:#edf3fe}}
@media(max-width:760px){.header{backdrop-filter:none;background:#fff}.hero-example{width:100%}.section-header h2{max-width:100%}.demo-knowledge .demo-screen{padding:16px}.assistant-top{padding:17px}.assistant-docs{padding:11px 16px}.demo-knowledge .demo-tab{font-size:10px}.demo-knowledge .demo-question{font-size:14px!important}.demo-knowledge .demo-answer{padding:16px}.demo-knowledge .demo-answer>p:not(.demo-title){font-size:14px}.portal-top{padding:17px}.portal-intro{padding:20px 17px 15px}.portal-board{padding-inline:17px;grid-template-columns:1fr;gap:12px}.portal-column{display:grid;grid-template-columns:76px 1fr;gap:10px;align-items:center}.portal-column>strong{font-size:10px;margin:0}.portal-ticket{min-height:0;padding:10px 12px}.portal-ticket>b{margin:4px 0}.portal-detail{margin:17px 17px 0;padding:14px}.portal-detail-head{align-items:flex-start;flex-direction:column;gap:8px}.portal-subnav{padding-inline:17px;gap:20px}.chatbot-stage{padding:18px}.chatbot-box{margin-left:0}.search-window{padding:18px}.search-result-demo{grid-template-columns:1fr 75px;gap:12px}.search-result-demo img{width:75px;height:90px}.search-result-demo strong{font-size:17px}.search-input{font-size:12px;padding:12px}.connected-tools{padding:20px 15px;gap:12px;flex-direction:column}.connected-tools>div{width:100%;flex-direction:row;justify-content:center;padding:18px}.connected-tools>span{transform:rotate(90deg)}.service-card{padding:25px}.footer{background:#f5f8fe}}

.section-ai-feature .demo-panel .demo-question{color:#fff}.section-ai-feature .demo-panel{border-color:#5278ab}.contact-section .contact-form .wpcf7-submit:hover{background:#fff}.contact-section .jb-form-context{background:#315b98}.jb-form-details{border-color:#6d8ebd}.section-surface-blue+.section-faq{background:#fff}
/* Contact Form 7 wraps adjacent labels in one paragraph; keep the intended grid. */
.contact-form .jb-form-grid{margin-bottom:19px}.contact-form .jb-form-grid>p{display:contents}.contact-form .jb-form-grid>p>br,.contact-form .wpcf7-form>p>br{display:none}.contact-form .jb-form-grid label{min-width:0;margin-bottom:0}
@media(max-width:760px){.contact-form .jb-form-grid{gap:19px}}
/* Keep the existing internal test chat usable on small screens. */
@media(max-width:480px){main .wl-chat-input-area{flex-direction:column;align-items:stretch}main .wl-chat-input{width:100%;min-width:0;flex:auto}main .wl-chat-button{width:100%;min-height:44px}}