/* MKB SaaS website: clean product presentation, October 2026. */
:root{--saas-ink:#172725;--saas-muted:#62706e;--saas-green:#147d60;--saas-line:#e4ebe8;--saas-paper:#f6f9f8}
body.mkb-v2{background:#fff;color:var(--saas-ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.mkb-v2 .mkb-wrap{width:min(1200px,calc(100% - 80px))}
.mkb-v2 .mkb-header,.mkb-v2 .mkb-header.scrolled{height:80px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--saas-line);box-shadow:none;backdrop-filter:blur(16px)}
.mkb-v2 .mkb-brand{color:var(--saas-ink)!important}
.mkb-v2 .mkb-brand strong{color:var(--saas-ink)!important;font-size:22px}
.mkb-v2 .mkb-nav{gap:26px}
.mkb-v2 .mkb-nav>a{color:#455550;font-size:14px}
.mkb-v2 .mkb-nav>a:hover,.mkb-v2 .mkb-nav>a[aria-current=page]{color:var(--saas-green)}
.mkb-v2 .mkb-button{background:var(--saas-green);color:#fff!important;border-radius:7px;min-height:48px;font-size:14px;font-weight:600;gap:24px;padding:12px 20px;box-shadow:none}
.mkb-v2 .mkb-button:hover{background:#0b654b;transform:translateY(-1px)}
.mkb-v2 .mkb-nav>.mkb-nav-cta{color:#fff;font-size:13px;min-height:42px;padding:10px 16px}
.mkb-v2 .mkb-menu span{background:var(--saas-ink)}
.mkb-v2 :focus-visible{outline:3px solid #4b9c84;outline-offset:4px}
.mkb-v2 .mkb-footer{background:#f5f8f7;color:#6d7975;padding:60px 0 24px;border-top:1px solid var(--saas-line)}
.mkb-v2 .mkb-footer-grid{gap:48px;padding-bottom:36px}
.mkb-v2 .mkb-footer-grid h3{font-size:14px;color:var(--saas-ink);font-weight:600}
.mkb-v2 .mkb-footer-grid a:not(.mkb-brand){font-size:13px;color:#65746d}
.mkb-v2 .mkb-footer-grid a:hover{color:var(--saas-green)}
.mkb-v2 .mkb-footer-grid p{font-size:13px;color:#6d7975}
.mkb-v2 .mkb-footer-grid a.mkb-footer-phone{font-size:23px;color:var(--saas-green)}
.mkb-v2 .mkb-legal{border-color:var(--saas-line);font-size:11px;color:#82908a}
.mkb-v2 .mkb-backtop{background:#fff;border:1px solid #d4dfdb;color:var(--saas-green)}
.saas-home{overflow:hidden;background:#fff}
.saas-home a{transition:color .18s,background .18s,box-shadow .18s}
.saas-home h1,.saas-home h2,.saas-home h3,.saas-home h4,.saas-home p{margin-top:0}
.saas-home h2{font-size:34px;line-height:1.45;font-weight:650;letter-spacing:-.8px;color:var(--saas-ink);margin-bottom:18px}
.saas-home h3{color:var(--saas-ink);font-weight:650}
.saas-home p{color:var(--saas-muted);font-size:15px;line-height:1.9}
.saas-hero{padding:148px 0 68px;background:linear-gradient(145deg,#fff 42%,#f1f8f5);border-bottom:1px solid var(--saas-line)}
.saas-hero-layout{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:48px}
.saas-eyebrow{display:block;font-size:12px;font-weight:600;letter-spacing:.5px;color:var(--saas-green);margin-bottom:18px}
.saas-eyebrow i{display:inline-block;width:6px;height:6px;background:var(--saas-green);border-radius:50%;margin-right:8px;vertical-align:middle}
.saas-hero-copy h1{font-size:clamp(38px,3.6vw,49px);line-height:1.4;font-weight:650;letter-spacing:-1.4px;color:var(--saas-ink);margin-bottom:23px}
.saas-hero-copy h1>span{color:var(--saas-green)}
.saas-hero-copy>p{font-size:16px;max-width:440px;margin-bottom:28px}
.saas-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.saas-secondary{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:48px;border:1px solid #cedbd6;border-radius:7px;padding:11px 18px;color:var(--saas-ink);font-size:14px;font-weight:600;background:#fff}
.saas-secondary:hover{border-color:var(--saas-green);color:var(--saas-green);background:#f6fbf8}
.saas-hero-benefits{display:flex;gap:20px;margin:24px 0 0;font-size:12px;color:#6b7c72}
.saas-hero-benefits span:before,.saas-check-list span:before,.saas-contact-promises span:before{content:'✓';color:var(--saas-green);margin-right:7px}
.saas-home .saas-direct-contact{font-size:12px;margin-top:23px;margin-bottom:0;color:#77857e}
.saas-direct-contact a{color:#334a40;font-size:14px;font-weight:600;margin-left:9px}
.saas-direct-contact>span{margin-left:10px;padding-left:10px;border-left:1px solid #d9e4df}
.saas-product-demo{min-width:0;position:relative;border:1px solid #d7e3de;border-radius:12px;background:#fff;box-shadow:0 18px 55px #204d3610,0 3px 8px #204d3605}
.saas-demo-browser{display:flex;align-items:center;gap:14px;padding:12px 15px;border-bottom:1px solid #e3ebe7;background:#f4f8f6;border-radius:12px 12px 0 0;font-size:11px;color:#677b6f}
.saas-window-dots{display:flex;gap:5px}.saas-window-dots i{width:6px;height:6px;border-radius:50%;background:#bccdc3}.saas-window-dots i:first-child{background:#dfa597}.saas-window-dots i:nth-child(2){background:#dfcd92}.saas-window-dots i:nth-child(3){background:#8cbda2}
.saas-demo-browser>small{margin-left:auto;color:#7c8c84;font-size:10px}
.saas-demo-shell{display:grid;grid-template-columns:128px minmax(0,1fr);min-height:395px}
.saas-demo-sidebar{position:relative;padding:20px 10px;background:#fafcfb;border-right:1px solid #e8eeeb}
.saas-demo-sidebar>strong{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:650;padding:0 6px;margin-bottom:28px;color:#283f33}
.saas-demo-sidebar>strong>span{display:grid;place-items:center;background:#ddf1e8;color:#147d60;width:23px;height:23px;border-radius:6px;font-size:20px;line-height:1;font-weight:800}
.saas-nav-label{font-size:9px;color:#93a098;display:block;padding:0 6px;margin-bottom:9px}
.saas-home .mkb-demo-tab{display:flex;align-items:center;gap:9px;font-size:12px;border-radius:5px;padding:10px 9px;margin-bottom:5px;background:none;color:#67776d;text-align:left;border:0;width:100%;cursor:pointer}
.saas-home .mkb-demo-tab>span{font-size:11px}.saas-home .mkb-demo-tab>.saas-tab-icon{font-size:15px}
.saas-home .mkb-demo-tab.active{background:#e8f3ed;color:#11684c;font-weight:600}
.saas-home .mkb-demo-tab:hover{background:#eef5f1}
.saas-demo-side-note{position:absolute;bottom:24px;left:18px;font-size:9px;line-height:1.8;color:#93a49a}
.saas-demo-main{padding:0 20px 16px;min-width:0}
.saas-demo-topline{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8c9991;padding:12px 0;border-bottom:1px solid #eff3f0;margin-bottom:17px}
.saas-demo-avatar{width:21px;height:21px;background:#eaf2ef;border-radius:50%;display:grid;place-items:center;font-size:9px;color:#4f7765}
.saas-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}
.saas-demo-heading small{font-size:9px;color:#8c9b92}.saas-home .saas-demo-heading h2{font-size:21px;font-weight:600;letter-spacing:0;line-height:1.5;margin:2px 0 0}
.saas-demo-filter{border:1px solid #e1e9e4;border-radius:5px;padding:5px 8px;color:#6c7c72;font-size:9px;white-space:nowrap}.saas-demo-filter>span{margin-left:15px}
.saas-demo-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.saas-demo-metrics>div{border:1px solid #e5ece8;padding:11px 10px;border-radius:6px;display:flex;flex-direction:column;background:#fff}
.saas-demo-metrics>div>span{font-size:10px;color:#7b8b81}.saas-demo-metrics strong{font-size:27px;font-weight:600;letter-spacing:-.5px;color:#223d2e;line-height:1.6}.saas-demo-metrics small{font-size:8px;color:#8d9c93;white-space:nowrap}
.saas-table-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#435e4d;margin-bottom:10px}.saas-table-label>strong{font-weight:600}.saas-table-label>span{font-size:9px;color:#91a098}
.saas-demo-table>div{display:grid;grid-template-columns:1.4fr .8fr .65fr;gap:7px;align-items:center;padding:12px 2px;border-bottom:1px solid #edf2ef;font-size:9px;color:#6b7e71}.saas-demo-table>.saas-table-head{background:#f7faf8;padding:7px 4px;color:#90a096;font-size:9px}
.saas-demo-table b{display:block;font-size:10px;color:#3c5244;font-weight:500}.saas-demo-table small{display:block;font-size:8px;color:#9aa69f;margin-top:3px}.saas-demo-table em{display:inline-block;padding:3px 7px;font-style:normal;border-radius:4px;background:#e9f5ee;color:#27805c;font-size:8px;white-space:nowrap}.saas-demo-table .saas-status-blue{background:#ecf2fc;color:#5a80b8}.saas-demo-table .saas-status-gray{background:#f0f3f1;color:#7d8c82}
.saas-demo-tip{display:flex;align-items:flex-start;gap:7px;font-size:9px;color:#758a7c;line-height:1.6;background:#f5faf7;border-radius:5px;margin-top:14px;padding:9px 10px}.saas-demo-tip>span{color:#19845c}
.saas-demo-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #e8eeeb;padding:10px 14px;font-size:9px;color:#7d9084;background:#fcfefd;border-radius:0 0 12px 12px}.saas-demo-caption i{display:inline-block;width:4px;height:4px;background:#45a477;border-radius:50%;margin-right:5px}.saas-demo-caption small{font-size:8px;color:#99a69e}
.saas-kanban{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:23px;min-height:247px}.saas-kanban>div{background:#f7faf8;padding:9px;border-radius:6px}.saas-home .saas-kanban h3{font-size:10px;color:#6f8377;display:flex;gap:5px;align-items:center;margin:0 0 14px}.saas-kanban h3 i{width:5px;height:5px;border-radius:50%;background:#acbcb1}.saas-kanban>div:nth-child(2) h3 i{background:#99b8dd}.saas-kanban>div:nth-child(3) h3 i{background:#7db99c}.saas-kanban article{background:#fff;border:1px solid #e4ece7;border-radius:5px;padding:10px 8px}.saas-kanban article small{font-size:8px;color:#a0ada5}.saas-kanban article strong{display:block;font-size:11px;color:#4b6153;margin:7px 0}.saas-home .saas-kanban article p{font-size:9px;line-height:1.8;color:#8a9a90;margin:0 0 15px}.saas-kanban article>span{display:block;font-size:8px;color:#487b60;padding-top:10px;border-top:1px solid #eff3f0}
.saas-chart{width:100%;height:140px;display:block}.saas-chart-label{display:flex;justify-content:space-between;font-size:8px;color:#94a29a}
.saas-flow{background:#fff;padding:28px 0 32px;border-bottom:1px solid var(--saas-line)}.saas-home .saas-flow p{text-align:center;font-size:12px;color:#819087;margin-bottom:23px}
.saas-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.saas-flow-grid>a{display:flex;gap:15px;align-items:center;position:relative}.saas-flow-grid>a:not(:last-child):after{content:'→';position:absolute;right:0;top:7px;color:#b2c3ba;font-size:20px}.saas-flow-grid>a>span{width:38px;height:38px;display:grid;place-items:center;background:#f1f7f4;border:1px solid #e5eee8;border-radius:9px;font-size:12px;color:#71977f}.saas-flow-grid strong{display:block;font-size:15px;color:#2d483a;font-weight:600}.saas-flow-grid small{font-size:11px;color:#8a9a90}.saas-flow-grid>a:hover strong{color:var(--saas-green)}
.saas-section{padding:88px 0}.saas-section-heading{max-width:650px;margin-bottom:38px}.saas-section-heading .saas-eyebrow{margin-bottom:14px}.saas-section-heading>p{margin-bottom:0;max-width:540px}
.saas-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.saas-feature-card{padding:30px 27px;border:1px solid var(--saas-line);border-radius:10px;background:#fff;transition:box-shadow .2s,border-color .2s}.saas-feature-card:hover{border-color:#b7d4c5;box-shadow:0 12px 35px #1c543308}.saas-feature-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#eaf5ee;color:#36825e;font-size:24px;margin-bottom:24px}.saas-icon-blue{background:#eef3fd;color:#5983bc}.saas-icon-purple{background:#f3effb;color:#8874b5}.saas-feature-card h3{font-size:20px;margin-bottom:12px}.saas-home .saas-feature-card p{font-size:13px;margin-bottom:20px}.saas-feature-card ul{padding:0;list-style:none;border-top:1px solid #edf1ef;padding-top:17px;margin:0 0 24px}.saas-feature-card li{font-size:12px;color:#71857a;margin:9px 0}.saas-feature-card li:before{content:'✓';color:#5b9876;font-size:11px;margin-right:9px}.saas-feature-card>a{display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:600;color:var(--saas-green)}.saas-all-features{text-align:center;margin-top:32px}.saas-all-features>a{font-size:13px;min-height:44px}
.saas-detail-section{background:var(--saas-paper);border-top:1px solid var(--saas-line);border-bottom:1px solid var(--saas-line)}.saas-detail-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.saas-detail-copy>p{max-width:430px}.saas-check-list{display:flex;flex-direction:column;gap:10px;font-size:13px;color:#627b6a;margin:24px 0 27px}.saas-inline-link{font-size:14px;font-weight:600;color:var(--saas-green);display:inline-flex;align-items:center;gap:17px}.saas-inline-link:hover{color:#074e35}.saas-content-preview{background:#fff;padding:22px;border:1px solid #dfe9e3;border-radius:11px;box-shadow:0 18px 50px #264b3408}.saas-preview-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:13px;color:#4d6658;border-bottom:1px solid #e8efea;padding-bottom:16px}.saas-preview-toolbar>span{font-size:10px;color:#93a498}.saas-language-tabs{display:flex;gap:16px;align-items:center;border-bottom:1px solid #edf2ee;font-size:11px;color:#8b9d91;margin-bottom:22px}.saas-language-tabs>*{padding:15px 0}.saas-language-tabs>b{color:var(--saas-green);border-bottom:2px solid var(--saas-green);font-weight:600}.saas-editor-row{display:grid;grid-template-columns:66px 1fr;gap:12px;margin-bottom:16px;align-items:start;font-size:11px}.saas-editor-row>span{padding-top:9px;color:#8a9b8e}.saas-editor-row>div{border:1px solid #e3ece6;border-radius:5px;padding:9px 12px;color:#557361;display:flex;justify-content:space-between;gap:10px;font-size:11px}.saas-editor-row>.saas-editor-content{display:block;min-height:158px;padding:15px}.saas-editor-content>strong{font-size:14px;font-weight:500}.saas-skeleton{display:block;height:6px;background:#e9efeb;border-radius:3px;width:87%;margin:11px 0}.saas-skeleton-long{width:100%;margin-top:18px}.saas-skeleton-short{width:65%}.saas-content-chips{display:flex;gap:8px;margin-top:21px}.saas-content-chips span{font-size:9px;color:#7e9786;padding:5px 9px;border:1px solid #e0ebe3;border-radius:4px;background:#f8fbf9}.saas-preview-bottom{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#96a799;padding-top:10px}.saas-preview-bottom>b{font-size:9px;font-weight:500;color:#678975}
.saas-heading-row{max-width:none;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.saas-heading-row h2{margin-bottom:0}.saas-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.saas-case-card{display:block;border:1px solid var(--saas-line);border-radius:10px;overflow:hidden;color:inherit;background:#fff}.saas-case-card:hover{box-shadow:0 12px 40px #244e360b;border-color:#b9d3c5}.saas-case-visual{background:#eff5f1;height:164px;position:relative;padding:24px;overflow:hidden;border-bottom:1px solid #e4ece7}.saas-case-card:nth-child(2) .saas-case-visual{background:#f1f4fa}.saas-case-card:nth-child(3) .saas-case-visual{background:#f6f3ed}.saas-case-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.saas-case-category{display:block;font-size:15px;letter-spacing:1px;color:#3d6150;font-weight:600}.saas-case-diagram{display:flex;gap:7px;align-items:center;margin-top:26px;font-size:10px;color:#759381}.saas-case-diagram>span{background:#ffffffcf;border:1px solid #dce8e0;border-radius:5px;padding:8px 10px;white-space:nowrap}.saas-case-diagram>i{font-style:normal;color:#9cb5a5}.saas-case-body{padding:24px}.saas-case-body>small{font-size:10px;color:#7e9a89}.saas-case-body>h3{font-size:17px;line-height:1.6;margin:9px 0 12px;min-height:54px}.saas-home .saas-case-body>p{font-size:12px;line-height:1.85;min-height:67px;margin-bottom:18px}.saas-case-link{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--saas-green);border-top:1px solid #eef2ef;padding-top:17px}.saas-case-link>b{font-weight:400}.saas-case-empty{grid-column:1/-1;padding:30px}
.saas-service{background:#fafcfb;border-top:1px solid var(--saas-line);border-bottom:1px solid var(--saas-line)}.saas-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px}.saas-service-grid>article{border-top:1px solid #dae7df;padding-top:23px;position:relative}.saas-service-grid>article:before{content:'';position:absolute;width:6px;height:6px;background:#81ac94;border-radius:50%;top:-3px;left:0}.saas-service-grid>article>span{font-size:12px;color:#8da998}.saas-service-grid h3{font-size:17px;margin:17px 0 9px}.saas-home .saas-service-grid p{font-size:12px;margin:0}
.saas-faq-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.saas-faq-layout>div>p{font-size:14px;margin:22px 0}.saas-faq-list details{border-bottom:1px solid var(--saas-line);padding:21px 0}.saas-faq-list details:first-child{padding-top:0}.saas-faq-list summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;list-style:none;font-size:15px;color:#394f42;font-weight:500}.saas-faq-list summary::-webkit-details-marker{display:none}.saas-faq-list summary>span{font-size:21px;color:#85a28f;font-weight:400;transition:transform .2s}.saas-faq-list details[open] summary>span{transform:rotate(45deg)}.saas-home .saas-faq-list details>p{font-size:13px;color:#778e7d;margin:15px 30px 0 0}
.saas-contact{background:#eef6f1;border-top:1px solid #e0eae3;padding:80px 0}.saas-contact-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:100px}.saas-contact-copy>p{max-width:400px;font-size:14px}.saas-contact-method{border-top:1px solid #d7e5db;margin:28px 0 25px;padding-top:23px;max-width:390px}.saas-contact-method>span{font-size:12px;display:block;color:#81998b}.saas-contact-method>a{font-size:29px;color:var(--saas-green);font-weight:600;display:block;margin:5px 0 8px;letter-spacing:.3px}.saas-contact-method>small{font-size:13px;color:#6d8777}.saas-contact-promises{display:flex;gap:18px;font-size:11px;color:#80998a}.saas-home .mkb-lead-form{margin:0;background:#fff;border:1px solid #d6e5db;border-radius:10px;padding:29px;box-shadow:0 12px 40px #20483105}.saas-home .mkb-lead-form h3{font-size:22px;color:var(--saas-ink);margin-bottom:8px}.saas-home .mkb-lead-form>p{font-size:12px;color:#7b9283;margin-bottom:23px}.saas-home .mkb-lead-form label{font-size:12px;color:#4e6757}.saas-home .mkb-lead-form label>span{font-size:10px;color:#9aa89f}.saas-home .mkb-lead-form input:not([type=checkbox]):not([type=hidden]),.saas-home .mkb-lead-form textarea{background:#fcfdfc;border-color:#dce7df;color:#334d3d;font-size:13px;border-radius:5px;padding:11px 12px}.saas-home .mkb-lead-form input::placeholder,.saas-home .mkb-lead-form textarea::placeholder{color:#a0afa5}.saas-home .mkb-lead-form .mkb-consent>span{font-size:10px;line-height:1.8;color:#8ba193}.saas-home .mkb-lead-form>small{font-size:10px;color:#94a89a}
@media(min-width:1500px){.saas-hero{padding-top:168px;padding-bottom:88px}.saas-hero-layout{gap:60px}}
@media(max-width:1150px){.mkb-v2 .mkb-wrap{width:calc(100% - 56px)}.mkb-v2 .mkb-nav{gap:18px}.mkb-v2 .mkb-nav>a{font-size:12px}.saas-hero-layout{gap:30px;grid-template-columns:.85fr 1.15fr}.saas-hero-copy h1{font-size:40px}.saas-hero-copy>p{font-size:14px}.saas-actions{gap:10px}.saas-actions .mkb-button,.saas-secondary{font-size:12px;padding:11px 15px;gap:12px}.saas-demo-shell{grid-template-columns:105px minmax(0,1fr)}.saas-demo-sidebar{padding:18px 7px}.saas-demo-main{padding:0 15px 15px}.saas-home .mkb-demo-tab{padding:10px 6px;gap:7px}.saas-demo-metrics{gap:6px}.saas-demo-metrics>div{padding:9px 8px}.saas-demo-metrics strong{font-size:24px}.saas-demo-metrics small{font-size:7px}.saas-contact-layout,.saas-detail-layout,.saas-faq-layout{gap:55px}.saas-case-diagram{gap:5px;font-size:8px}.saas-case-diagram>span{padding:7px 8px}.saas-feature-card{padding:25px 22px}.saas-home h2{font-size:31px}.saas-flow-grid{gap:23px}.saas-flow-grid>a{gap:10px}.saas-flow-grid small{font-size:10px}}
@media(max-width:900px){.mkb-v2 .mkb-header{height:72px}.mkb-v2 .mkb-nav{top:72px;background:#fff;border-bottom:1px solid #dce7e0;box-shadow:0 15px 30px #264b3510;padding:18px 28px;gap:0}.mkb-v2 .mkb-nav>a{font-size:14px;padding:12px 0}.mkb-v2 .mkb-nav>.mkb-nav-cta{padding:12px}.saas-hero{padding-top:130px;padding-bottom:55px}.saas-hero-layout{grid-template-columns:1fr;gap:38px}.saas-hero-copy h1{font-size:42px;line-height:1.35}.saas-hero-copy h1 br:first-of-type{display:none}.saas-hero-copy>p{max-width:620px}.saas-product-demo{width:100%;max-width:720px;margin:auto}.saas-demo-shell{grid-template-columns:140px minmax(0,1fr);min-height:390px}.saas-demo-main{padding:0 24px 20px}.saas-demo-metrics small{font-size:9px}.saas-demo-metrics strong{font-size:28px}.saas-demo-table>div{font-size:11px}.saas-demo-table b{font-size:12px}.saas-demo-table small{font-size:10px}.saas-demo-caption{font-size:10px}.saas-feature-grid{gap:15px}.saas-feature-card h3{font-size:18px}.saas-home .saas-feature-card p{font-size:12px}.saas-feature-card{padding:23px 20px}.saas-detail-layout{gap:40px;grid-template-columns:1fr 1.05fr}.saas-content-preview{padding:17px}.saas-case-grid{gap:16px}.saas-case-body{padding:19px}.saas-case-body>h3{font-size:15px}.saas-case-visual{padding:19px}.saas-case-diagram{display:flex;flex-wrap:wrap;font-size:8px}.saas-home h2{font-size:29px}.saas-flow-grid>a:not(:last-child):after{display:none}.saas-service-grid{gap:25px}.saas-service-grid h3{font-size:16px}.saas-contact-layout{gap:40px}.saas-contact-promises{gap:12px;font-size:10px}.mkb-v2 .mkb-footer-grid{gap:28px}}
@media(max-width:650px){.mkb-v2 .mkb-wrap{width:calc(100% - 40px)}.mkb-v2 .mkb-header{height:68px}.mkb-v2 .mkb-nav{top:68px}.mkb-v2 .mkb-brand strong{font-size:20px}.saas-hero{padding:112px 0 40px;background:linear-gradient(160deg,#fff,#f2f8f5)}.saas-hero-layout{gap:29px}.saas-eyebrow{font-size:10px;margin-bottom:16px;letter-spacing:.2px}.saas-hero-copy h1{font-size:32px;line-height:1.45;letter-spacing:-.8px;margin-bottom:17px}.saas-hero-copy h1 br:first-of-type{display:block}.saas-hero-copy>p{font-size:13px;line-height:1.9;margin-bottom:22px}.saas-actions{gap:10px;flex-wrap:nowrap}.saas-actions .mkb-button,.saas-secondary{font-size:12px;padding:11px 14px;min-height:45px;gap:11px}.saas-hero-benefits{font-size:10px;gap:16px;margin-top:20px}.saas-home .saas-direct-contact{font-size:11px;margin-top:18px}.saas-direct-contact a{font-size:12px}.saas-product-demo{border-radius:8px;box-shadow:0 12px 32px #2549310a}.saas-demo-browser{padding:10px;border-radius:8px 8px 0 0;font-size:9px;gap:9px}.saas-demo-browser>small{font-size:8px}.saas-window-dots{gap:4px}.saas-window-dots i{width:5px;height:5px}.saas-demo-shell{display:block;min-height:390px}.saas-demo-sidebar{display:flex;gap:6px;padding:9px;border-right:0;border-bottom:1px solid #e6eee8}.saas-demo-sidebar>strong,.saas-nav-label,.saas-demo-side-note{display:none}.saas-home .mkb-demo-tab{justify-content:center;margin:0;padding:9px 5px;gap:7px}.saas-home .mkb-demo-tab>span{font-size:10px}.saas-home .mkb-demo-tab>.saas-tab-icon{font-size:13px}.saas-demo-main{padding:0 13px 15px}.saas-demo-topline{padding:10px 0;font-size:9px;margin-bottom:14px}.saas-demo-heading{margin-bottom:13px}.saas-home .saas-demo-heading h2{font-size:19px}.saas-demo-heading small{font-size:8px}.saas-demo-filter{font-size:8px}.saas-demo-metrics{margin-bottom:16px;gap:7px}.saas-demo-metrics>div{padding:9px 8px}.saas-demo-metrics>div>span{font-size:9px}.saas-demo-metrics strong{font-size:24px}.saas-demo-metrics small{font-size:7px;white-space:normal}.saas-table-label{font-size:10px;margin-bottom:7px}.saas-demo-table>div{font-size:9px;gap:7px;padding:11px 2px;grid-template-columns:1.35fr .85fr .7fr}.saas-demo-table b{font-size:10px}.saas-demo-table small{font-size:8px}.saas-demo-table em{font-size:8px;padding:3px 6px}.saas-demo-tip{font-size:8px;margin-top:12px;padding:8px}.saas-demo-caption{font-size:8px;padding:9px 10px;gap:8px}.saas-demo-caption small{font-size:7px}.saas-kanban{gap:6px;min-height:252px;margin-top:17px}.saas-kanban>div{padding:7px}.saas-home .saas-kanban h3{font-size:9px;gap:4px}.saas-kanban article{padding:9px 6px}.saas-kanban article strong{font-size:10px}.saas-home .saas-kanban article p{font-size:8px}.saas-kanban article small,.saas-kanban article>span{font-size:7px}.saas-chart{height:138px}.saas-flow{padding:25px 0 28px}.saas-home .saas-flow p{text-align:left;font-size:10px;margin-bottom:21px}.saas-flow-grid{grid-template-columns:1fr 1fr;gap:22px 12px}.saas-flow-grid>a{gap:10px}.saas-flow-grid>a>span{width:33px;height:33px;font-size:10px;border-radius:7px;flex-shrink:0}.saas-flow-grid strong{font-size:13px}.saas-flow-grid small{font-size:9px}.saas-section{padding:56px 0}.saas-home h2{font-size:26px;line-height:1.45;letter-spacing:-.5px;margin-bottom:16px}.saas-section-heading{margin-bottom:27px}.saas-section-heading>p{font-size:12px;line-height:1.9}.saas-feature-grid{grid-template-columns:1fr;gap:16px}.saas-feature-card{padding:24px}.saas-feature-icon{width:36px;height:36px;font-size:21px;margin-bottom:18px}.saas-feature-card h3{font-size:19px;margin-bottom:10px}.saas-home .saas-feature-card p{font-size:12px;margin-bottom:15px}.saas-feature-card ul{padding-top:12px;margin-bottom:18px}.saas-feature-card li{font-size:11px}.saas-feature-card>a{font-size:12px}.saas-all-features{margin-top:25px}.saas-detail-layout{display:block}.saas-detail-copy>p{font-size:12px}.saas-check-list{font-size:12px;gap:9px;margin:19px 0 21px}.saas-inline-link{font-size:12px}.saas-content-preview{margin-top:28px;padding:17px}.saas-language-tabs{gap:15px;font-size:10px}.saas-editor-row{grid-template-columns:52px 1fr;font-size:10px;gap:7px;margin-bottom:14px}.saas-editor-row>div{font-size:10px;padding:9px}.saas-editor-row>.saas-editor-content{padding:12px}.saas-editor-content>strong{font-size:12px}.saas-content-chips{gap:6px}.saas-content-chips span{font-size:8px;padding:4px 7px}.saas-preview-bottom{font-size:8px}.saas-preview-bottom>b{font-size:8px}.saas-heading-row{display:block}.saas-heading-row>.saas-inline-link{margin-top:10px}.saas-case-grid{grid-template-columns:1fr;gap:21px}.saas-case-visual{height:144px;padding:25px}.saas-case-category{font-size:15px}.saas-case-diagram{font-size:10px;gap:8px}.saas-case-diagram>span{padding:8px 10px}.saas-case-body{padding:23px}.saas-case-body>h3{font-size:17px;min-height:0}.saas-home .saas-case-body>p{min-height:0;margin-bottom:17px}.saas-service-grid{grid-template-columns:1fr 1fr;gap:28px 23px}.saas-service-grid>article{padding-top:18px}.saas-service-grid h3{font-size:15px;margin:11px 0 8px}.saas-home .saas-service-grid p{font-size:11px}.saas-faq-layout{display:block}.saas-faq-layout>div>p{font-size:12px;margin:18px 0}.saas-faq-list{margin-top:29px}.saas-faq-list summary{font-size:13px;gap:14px}.saas-faq-list details{padding:19px 0}.saas-home .saas-faq-list details>p{font-size:12px;margin:13px 10px 0 0}.saas-contact{padding:55px 0}.saas-contact-layout{display:block}.saas-contact-copy>p{font-size:12px}.saas-contact-method{padding-top:19px;margin:23px 0 20px}.saas-contact-method>a{font-size:27px}.saas-contact-method>small{font-size:12px}.saas-contact-promises{font-size:10px;gap:15px}.saas-home .mkb-lead-form{margin-top:30px;padding:23px}.saas-home .mkb-lead-form h3{font-size:20px}.saas-home .mkb-lead-form label{font-size:11px}.saas-home .mkb-lead-form input:not([type=checkbox]):not([type=hidden]),.saas-home .mkb-lead-form textarea{font-size:16px;padding:10px}.saas-home .mkb-lead-form input::placeholder,.saas-home .mkb-lead-form textarea::placeholder{font-size:12px}.mkb-v2 .mkb-footer{padding:45px 0 95px}.mkb-v2 .mkb-footer-grid{gap:28px 24px}.mkb-v2 .mkb-footer-grid h3{font-size:13px}.mkb-v2 .mkb-footer-grid p,.mkb-v2 .mkb-footer-grid a:not(.mkb-brand){font-size:12px}.mkb-v2 .mkb-footer-grid a.mkb-footer-phone{font-size:24px}.mkb-v2 .mkb-legal{font-size:9px}.mkb-v2 .mkb-float-cta{background:var(--saas-green);color:#fff!important;font-size:12px;border-radius:6px;padding:12px 16px;box-shadow:0 3px 16px #244d3620}.mkb-v2 .mkb-backtop{background:#fff}}
@media(prefers-reduced-motion:reduce){.saas-home *{transition:none!important;animation:none!important}}

.saas-real-preview>a{display:block;margin:18px 0;border:1px solid #e7ede9;border-radius:6px;overflow:hidden;background:#f7f9f8}
.saas-real-preview img{display:block;width:100%;height:auto}
.saas-real-preview .saas-preview-bottom>a{color:var(--saas-green);font-size:10px;white-space:nowrap}
@media(max-width:650px){.saas-real-preview .saas-preview-bottom{flex-direction:column;gap:9px}.saas-real-preview .saas-preview-bottom>a{font-size:10px}}/* Color and motion enhancement, scoped to the home page. */
.saas-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#f0fbea 0%,#e5faf3 40%,#e7efff 76%,#f0e9ff 100%)}
.saas-hero:before,.saas-hero:after{content:'';position:absolute;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(38px);animation:saas-drift 14s ease-in-out infinite alternate}
.saas-hero:before{width:600px;height:600px;right:-100px;top:40px;background:radial-gradient(circle,#a596f46b,transparent 68%)}
.saas-hero:after{width:550px;height:550px;left:-140px;bottom:-170px;background:radial-gradient(circle,#a8ef626b,transparent 68%);animation-delay:-7s}
.saas-home .saas-hero h1{color:#132f38}.saas-home .saas-hero h1 span{color:#087f6a;background:linear-gradient(100deg,#098557,#177cb8,#7850cb);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.saas-product-demo{border:1px solid #ffffff;box-shadow:0 28px 65px #31557f25,0 0 0 7px #ffffff45;animation:saas-float 7s ease-in-out infinite}
.saas-demo-browser{background:linear-gradient(100deg,#ddf4e9,#e4ebff)}
.saas-home .mkb-button{background:linear-gradient(110deg,#078566,#147eaa);box-shadow:0 7px 20px #0c8b6a25;transition:transform .25s,box-shadow .25s}
.saas-home .mkb-button:hover{background:linear-gradient(110deg,#069b70,#248dbb);box-shadow:0 12px 25px #147eaa35;transform:translateY(-3px)}
.saas-flow{background:linear-gradient(100deg,#f2fbe9,#eaf8f6,#eef0ff)}
.saas-flow-grid>a>span{background:#daf2a8;color:#3c6218;border-color:#cee895}.saas-flow-grid>a:nth-child(2)>span{background:#bcebdd;color:#076b55;border-color:#a9e2cf}.saas-flow-grid>a:nth-child(3)>span{background:#cce5fb;color:#246294;border-color:#bbdbf5}.saas-flow-grid>a:nth-child(4)>span{background:#e2d6ff;color:#7050a6;border-color:#d2c2f5}
.saas-platform{background:radial-gradient(ellipse at 90% 5%,#edf2ff,transparent 55%),#fff}
.saas-feature-card{position:relative;overflow:hidden;border-radius:18px;background:linear-gradient(145deg,#effadb,#fff 65%);border-color:#d8ebbc;box-shadow:0 8px 30px #355a1510;transition:transform .35s,box-shadow .35s}
.saas-feature-card:nth-child(2){background:linear-gradient(145deg,#e1f0ff,#fff 65%);border-color:#c9def6}.saas-feature-card:nth-child(3){background:linear-gradient(145deg,#efe4ff,#fff 65%);border-color:#decdf3}
.saas-feature-card:hover,.saas-case-card:hover{transform:translateY(-8px);box-shadow:0 22px 45px #27446520}
.saas-feature-icon{background:#d5efa6;color:#568b16;box-shadow:0 5px 15px #79b92620}.saas-icon-blue{background:#bdddfa;color:#2569b0}.saas-icon-purple{background:#dacaFA;color:#7b47c6}
.saas-detail-section{background:linear-gradient(120deg,#e4f7f1,#e5f0ff);border:0}
.saas-content-preview{border-radius:18px;box-shadow:0 24px 50px #2468831c;transition:transform .4s}.saas-content-preview:hover{transform:translateY(-5px)}
.saas-case-card{border-radius:18px;transition:transform .35s,box-shadow .35s}.saas-case-visual{background:linear-gradient(125deg,#cbef8b,#72d6b7);border:0;height:180px}.saas-case-card:nth-child(2) .saas-case-visual{background:linear-gradient(125deg,#9edcf5,#899de9)}.saas-case-card:nth-child(3) .saas-case-visual{background:linear-gradient(125deg,#f8d494,#f0afa5)}
.saas-case-visual:after{content:'';position:absolute;width:140px;height:140px;border:24px solid #ffffff30;border-radius:50%;right:-45px;top:-55px;pointer-events:none}.saas-case-category{color:#153d3b}.saas-case-diagram>span{background:#ffffffd9;border-color:#ffffff;color:#385c64}
.saas-service{background:linear-gradient(115deg,#143f48,#1d365c);border:0}.saas-home .saas-service h2,.saas-home .saas-service h3{color:#fff}.saas-service .saas-eyebrow,.saas-service-grid>article>span{color:#b5f175}.saas-home .saas-service p{color:#b9d1dc}.saas-service-grid>article{border-color:#497481}.saas-service-grid>article:before{background:#b5f175;box-shadow:0 0 12px #b5f17580}
.saas-contact{background:radial-gradient(ellipse at 5% 90%,#c9eda6,transparent 50%),linear-gradient(120deg,#e5f6df,#e0f4f4 65%,#e4ebff);border:0}.saas-home .mkb-lead-form{border-radius:18px;box-shadow:0 20px 60px #21687818}
.saas-scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;transform-origin:left;z-index:100001;background:linear-gradient(90deg,#b7ed66,#09a48a,#6a75e8);pointer-events:none}
.saas-reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.saas-reveal.saas-visible{opacity:1;transform:translateY(0)}
@keyframes saas-drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(45px,-35px,0) scale(1.15)}}
@keyframes saas-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@media(max-width:650px){.saas-hero:before{width:340px;height:340px;right:-140px}.saas-hero:after{width:300px;height:300px}.saas-product-demo{animation:none;box-shadow:0 18px 40px #31557f20}.saas-reveal{transform:translateY(22px)}.saas-case-visual{height:155px}}
@media(prefers-reduced-motion:reduce){.saas-hero:before,.saas-hero:after,.saas-product-demo{animation:none}.saas-reveal{opacity:1;transform:none;transition:none}.saas-home *{scroll-behavior:auto!important}}
/* Rich product storytelling and live screenshot gallery. */
.saas-hero{background:radial-gradient(ellipse at 80% 40%,#b5cef5 0%,transparent 55%),linear-gradient(115deg,#e8f8d6,#cef1e6 48%,#d9d6fa);padding-bottom:68px}
.saas-hero-layout{position:relative}.saas-product-demo{position:relative}.saas-product-demo:before{content:'全球市场 · 多语言品牌官网';position:absolute;right:-22px;top:-20px;z-index:2;background:linear-gradient(105deg,#116fc4,#785ad9);color:#fff;border:1px solid #ffffff70;padding:13px 20px;border-radius:30px;font-size:12px;box-shadow:0 8px 25px #26387035}.saas-product-demo:after{content:'网站 → 询盘 → 客户跟进';position:absolute;left:-28px;bottom:-18px;z-index:2;background:#163f51;color:#c9f08e;padding:13px 20px;border-radius:12px;font-size:12px;box-shadow:0 8px 25px #26387025}
.saas-home .saas-section{padding-top:68px;padding-bottom:68px}.rich-centered{text-align:center;margin:0 auto 30px;max-width:850px}.rich-centered .saas-eyebrow{margin-bottom:12px}.saas-home .rich-centered h2{font-size:32px;line-height:1.5;letter-spacing:-.6px}.saas-home .rich-centered p{font-size:14px;margin:12px 0 0}
.rich-showcase{background:linear-gradient(180deg,#edf5ff,#f5f8ff 65%,#fff);overflow:hidden}.rich-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:30px}.rich-tabs button{padding:13px 28px;font-size:14px;border-radius:9px;background:#fff;color:#4c6376;border:1px solid #d6e3f0;cursor:pointer;transition:background .25s,box-shadow .25s}.rich-tabs button[aria-pressed=true]{background:linear-gradient(100deg,#087f99,#367ae5);border-color:transparent;color:#fff;box-shadow:0 6px 20px #347ae530}
.rich-scene{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:38px;background:linear-gradient(135deg,#d7e9ff,#e6f2f7);padding:38px;border:1px solid #d4e2f2;border-radius:22px;min-height:450px}.rich-scene[hidden]{display:none}.rich-scene[data-rich-panel="1"]{background:linear-gradient(135deg,#d6f0e4,#deebfc)}.rich-scene[data-rich-panel="2"]{background:linear-gradient(135deg,#e2dbfa,#e5eefc)}.rich-scene[data-rich-panel="3"]{background:linear-gradient(135deg,#ffe8c9,#e8e6f8)}.rich-number{font-size:11px;letter-spacing:2px;color:#467799;display:block;margin-bottom:22px}.saas-home .rich-scene-copy h3{font-size:27px;line-height:1.5;margin:0 0 17px;color:#203a56}.saas-home .rich-scene-copy p{font-size:13px;line-height:1.9;margin-bottom:18px}.rich-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.rich-chips span{padding:5px 9px;background:#ffffff90;color:#50708a;border-radius:5px;font-size:11px}.rich-scene-copy>small{display:block;font-size:10px;color:#70859b;margin-top:15px}.rich-screen{display:block;background:#fff;border-radius:12px;border:1px solid #fff;box-shadow:0 25px 55px #31517925;overflow:hidden;transition:transform .35s}.rich-screen:hover{transform:translateY(-5px)}.rich-screen>div{display:flex;gap:5px;align-items:center;padding:13px;background:#f6f8fb}.rich-screen i{width:6px;height:6px;border-radius:50%;background:#bdd1e2}.rich-screen i:first-child{background:#f0b7b2}.rich-screen i:nth-child(2){background:#ecdca6}.rich-screen>div>span{font-size:9px;letter-spacing:1px;color:#91a1b4;margin-left:8px}.rich-screen img{display:block;width:100%;height:310px;object-fit:contain;background:#f6f8fb}
.rich-matrix{background:#f4f7fb}.rich-matrix-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.rich-matrix-grid>a{display:block;background:#fff;border:1px solid #e0e7f0;border-radius:14px;padding:23px;transition:transform .3s,box-shadow .3s}.rich-matrix-grid>a:hover{transform:translateY(-5px);box-shadow:0 15px 35px #253b6614}.rich-matrix-icon{display:grid;place-items:center;width:36px;height:36px;color:#fff;border-radius:11px;background:linear-gradient(130deg,#5e9bed,#7470dc);font-size:15px;margin-bottom:17px}.rich-matrix-grid>a:nth-child(3n+1) .rich-matrix-icon{background:linear-gradient(130deg,#3bb49b,#1287a1)}.rich-matrix-grid>a:nth-child(3n) .rich-matrix-icon{background:linear-gradient(130deg,#a381e6,#c87ab1)}.saas-home .rich-matrix-grid h3{font-size:17px;margin:0 0 10px}.saas-home .rich-matrix-grid p{font-size:12px;line-height:1.85;margin:0 0 16px;color:#748496}.rich-matrix-link{display:flex;justify-content:space-between;font-size:11px;color:#347eae}.rich-matrix-link b{font-weight:400}
.rich-news{background:linear-gradient(180deg,#f2f6fd,#fff)}.rich-news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.rich-news-grid>a{overflow:hidden;border-radius:15px;background:#fff;border:1px solid #e2e8f0;transition:transform .3s,box-shadow .3s}.rich-news-grid>a:hover{transform:translateY(-5px);box-shadow:0 18px 35px #35455a15}.rich-news-image{height:185px;background:linear-gradient(120deg,#a4c8fa,#cab8f1);overflow:hidden;display:grid;place-items:center}.rich-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.rich-news-grid>a:hover img{transform:scale(1.05)}.rich-news-image>span{font-size:19px;color:#fff}.rich-news-copy{padding:22px}.rich-news-copy small{color:#8c9aac;font-size:10px}.saas-home .rich-news-copy h3{font-size:17px;line-height:1.65;min-height:56px;margin:10px 0 18px}.rich-news-copy>span{font-size:12px;color:#347eae}
@media(max-width:1050px){.rich-matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rich-scene{gap:24px;padding:28px}.rich-screen img{height:260px}.saas-home .rich-scene-copy h3{font-size:23px}}
@media(max-width:650px){.saas-home .saas-section{padding:48px 0}.saas-home .rich-centered h2{font-size:25px}.saas-home .rich-centered p{font-size:12px}.rich-tabs{gap:7px;display:grid;grid-template-columns:1fr 1fr}.rich-tabs button{font-size:12px;padding:11px 10px}.rich-scene{display:block;padding:23px;border-radius:15px;min-height:0}.rich-scene[hidden]{display:none}.rich-number{margin-bottom:14px}.rich-scene-copy .mkb-button{font-size:12px;min-height:42px}.rich-screen{margin-top:24px}.rich-screen img{height:205px}.rich-matrix-grid{gap:12px}.rich-matrix-grid>a{padding:18px 14px}.saas-home .rich-matrix-grid h3{font-size:15px}.saas-home .rich-matrix-grid p{font-size:11px}.rich-news-grid{grid-template-columns:1fr;gap:18px}.rich-news-image{height:185px}.saas-home .rich-news-copy h3{min-height:0;font-size:16px}.saas-product-demo:before{right:-5px;top:-13px;font-size:9px;padding:9px 12px}.saas-product-demo:after{left:-5px;bottom:-13px;font-size:9px;padding:9px 12px}}
/* Vivid visual direction: saturated color, dimensional art and visible motion. */
.saas-vivid .saas-hero{background:linear-gradient(120deg,#102d81 0%,#224ed4 37%,#6e35d4 72%,#bb46a2 100%);color:#fff;min-height:770px;padding-top:155px;padding-bottom:95px;isolation:isolate;overflow:hidden}
.saas-vivid .saas-hero:before{background:radial-gradient(circle,#17e1d49c,transparent 70%);width:700px;height:700px;left:-240px;top:70px;right:auto;animation:vivid-glow 13s ease-in-out infinite alternate!important;filter:blur(25px)}
.saas-vivid .saas-hero:after{background:radial-gradient(circle,#ffaf5985,transparent 70%);width:500px;height:500px;right:-120px;bottom:-210px;left:auto;animation:vivid-glow 10s ease-in-out infinite alternate-reverse!important;filter:blur(20px)}
.saas-vivid .saas-hero h1{color:#fff;text-shadow:0 3px 20px #12205225}.saas-vivid .saas-hero h1 span{background:linear-gradient(90deg,#9cf0dd,#c8ed64,#ffcc8a,#ffb5db);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;animation:vivid-text 7s ease-in-out infinite alternate!important}
.saas-vivid .saas-hero-copy{position:relative;z-index:2}.saas-vivid .saas-hero-copy>.saas-eyebrow{color:#dcf3ff;background:#ffffff15;border:1px solid #ffffff30;padding:9px 14px;border-radius:30px;backdrop-filter:blur(8px)}.saas-vivid .saas-hero-copy>.saas-eyebrow i{background:#aafa8d;box-shadow:0 0 12px #aafa8d;animation:vivid-pulse 2.7s ease-in-out infinite!important}
.saas-vivid .saas-hero-copy>p{color:#e0eafa}.saas-vivid .saas-hero-benefits{color:#dceeff}.saas-vivid .saas-hero-benefits span:before{color:#b8f991}.saas-vivid .saas-direct-contact,.saas-vivid .saas-direct-contact a,.saas-vivid .saas-direct-contact>span{color:#e4efff!important}.saas-vivid .saas-direct-contact>span{border-color:#ffffff35}.saas-vivid .saas-hero .saas-secondary{background:#ffffff12;border-color:#ffffff60;color:#fff;backdrop-filter:blur(10px)}
.saas-vivid .saas-hero .mkb-button{background:linear-gradient(110deg,#b6f167,#43e4bd);color:#13375c!important;box-shadow:0 10px 25px #07144e35}.saas-vivid .saas-actions .mkb-button:hover{background:linear-gradient(110deg,#d7ff91,#63ffdb)}
.saas-vivid .saas-product-demo{z-index:2;box-shadow:0 35px 90px #13064c65,0 0 0 8px #ffffff15;border-color:#ffffff90;transform-style:preserve-3d;animation:vivid-workspace 7s ease-in-out infinite!important;will-change:transform}.saas-vivid .saas-demo-browser{background:linear-gradient(100deg,#e6e3ff,#d1f8ed);color:#396176}.saas-vivid .saas-product-demo:before{background:linear-gradient(110deg,#ffbd68,#ff789c);color:#51224f;animation:vivid-badge 5s ease-in-out infinite!important}.saas-vivid .saas-product-demo:after{background:linear-gradient(110deg,#244daf,#6836c8);color:#caff96;border:1px solid #ffffff55;animation:vivid-badge 6s ease-in-out infinite reverse!important}
.vivid-universe{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.vivid-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(transparent,#000 70%);transform:perspective(650px) rotateX(35deg) scale(1.4);animation:vivid-grid 18s linear infinite!important}
.vivid-orb{position:absolute;border-radius:50%;box-shadow:inset -12px -18px 25px #15175a50,inset 8px 9px 17px #ffffff65,0 16px 35px #100f6040;animation:vivid-orbit 9s ease-in-out infinite!important}.orb-one{width:95px;height:95px;background:radial-gradient(circle at 30% 25%,#fcfdc8,#adf578 40%,#21bd9e 90%);top:18%;right:5%}.orb-two{width:58px;height:58px;background:radial-gradient(circle at 30% 25%,#ffefcf,#ffb46d 40%,#db679a 90%);bottom:12%;left:39%;animation-delay:-3s!important}.orb-three{width:42px;height:42px;background:radial-gradient(circle at 30% 25%,#fff,#94dbff 40%,#9674f4 90%);left:7%;top:17%;animation-delay:-5s!important}
.vivid-ring{position:absolute;border:2px solid #dbe6ff50;border-radius:50%;box-shadow:0 0 18px #ba9fff25;animation:vivid-ring 20s linear infinite!important}.ring-one{width:600px;height:600px;right:-170px;top:10%;transform:rotate(-30deg) scaleY(.65)}.ring-two{width:340px;height:340px;right:29%;bottom:-200px;border:30px solid #4ce6d230;animation-duration:24s!important}.vivid-particles i{position:absolute;width:4px;height:4px;border-radius:50%;background:#d2faff;box-shadow:0 0 10px #dbf8ff;left:calc(6% + var(--particle) * 8%);top:calc(15% + var(--particle) * 5%);animation:vivid-particle calc(4s + var(--particle) * .4s) ease-in-out infinite alternate!important;animation-delay:calc(var(--particle) * -.5s)!important}
.vivid-motion-control{position:absolute;right:24px;bottom:20px;z-index:5;border:1px solid #ffffff40;border-radius:25px;padding:8px 13px;background:#11184930;color:#e8f2ff;font-size:11px;cursor:pointer;backdrop-filter:blur(8px)}.vivid-motion-control:hover{background:#ffffff25}
.saas-vivid .saas-flow{background:linear-gradient(100deg,#143377,#3157b4,#6b409e);border:0}.saas-vivid .saas-flow p{color:#bcd0ee}.saas-vivid .saas-flow-grid strong{color:#fff}.saas-vivid .saas-flow-grid small{color:#c5d8f8}.saas-vivid .saas-flow-grid>a:after{color:#bdc6ef}.saas-vivid .saas-flow-grid>a>span{animation:vivid-step 5s ease-in-out infinite!important}.saas-vivid .saas-flow-grid>a:nth-child(2)>span{animation-delay:-1s!important}.saas-vivid .saas-flow-grid>a:nth-child(3)>span{animation-delay:-2s!important}.saas-vivid .saas-flow-grid>a:nth-child(4)>span{animation-delay:-3s!important}
.saas-vivid .rich-showcase{background:radial-gradient(ellipse at 10% 30%,#e5d5ff,transparent 45%),linear-gradient(140deg,#eef5ff,#e5f5fb 60%,#ffe5ee)}.saas-vivid .rich-tabs button[aria-pressed=true]{background:linear-gradient(110deg,#2861d8,#9652d5);box-shadow:0 8px 25px #754fc835}.saas-vivid .rich-scene{background:linear-gradient(125deg,#205cd1,#5939be);border-color:#a6b6ff;box-shadow:0 25px 50px #494caa20}.saas-vivid .rich-scene[data-rich-panel="1"]{background:linear-gradient(125deg,#086c87,#239993)}.saas-vivid .rich-scene[data-rich-panel="2"]{background:linear-gradient(125deg,#6736c0,#b34c93)}.saas-vivid .rich-scene[data-rich-panel="3"]{background:linear-gradient(125deg,#bd5758,#be7240)}.saas-vivid .rich-scene-copy h3{color:#fff}.saas-vivid .rich-scene-copy p,.saas-vivid .rich-number,.saas-vivid .rich-scene-copy>small{color:#e0e8ff}.saas-vivid .rich-chips span{background:#ffffff20;color:#fff;border:1px solid #ffffff25}.saas-vivid .rich-screen{animation:vivid-screen 8s ease-in-out infinite!important;box-shadow:0 25px 50px #0a104145}
.saas-vivid .saas-feature-card{background:linear-gradient(145deg,#d0f28f,#eefcda 68%);border-color:#b9e077}.saas-vivid .saas-feature-card:nth-child(2){background:linear-gradient(145deg,#add8ff,#e1efff 68%);border-color:#8bc0f5}.saas-vivid .saas-feature-card:nth-child(3){background:linear-gradient(145deg,#d2b6fa,#f2e6ff 68%);border-color:#bd94ee}.saas-vivid .saas-feature-icon{animation:vivid-icon 5s ease-in-out infinite!important}.saas-vivid .saas-feature-card:nth-child(2) .saas-feature-icon{animation-delay:-1.5s!important}.saas-vivid .saas-feature-card:nth-child(3) .saas-feature-icon{animation-delay:-3s!important}
.saas-vivid .rich-matrix{background:linear-gradient(125deg,#152d73,#403785 65%,#652b8e)}.saas-vivid .rich-matrix h2{color:#fff}.saas-vivid .rich-matrix .saas-eyebrow{color:#a7eac6}.saas-vivid .rich-matrix-grid>a{background:#ffffff0f;border-color:#ffffff25;backdrop-filter:blur(8px)}.saas-vivid .rich-matrix-grid h3{color:#fff}.saas-vivid .rich-matrix-grid p{color:#c6d0ef}.saas-vivid .rich-matrix-link{color:#99eddf}.saas-vivid .rich-matrix-icon{box-shadow:0 5px 18px #0002;animation:vivid-icon 6s ease-in-out infinite!important}.saas-vivid .rich-matrix-grid>a:nth-child(2n) .rich-matrix-icon{animation-delay:-3s!important}
.saas-vivid .saas-detail-section{background:linear-gradient(115deg,#ddf6ec,#bddcee 65%,#d1bafb)}.saas-vivid .saas-case-visual{background:linear-gradient(125deg,#acf171,#21c9a0)}.saas-vivid .saas-case-card:nth-child(2) .saas-case-visual{background:linear-gradient(125deg,#6dd7f6,#6872eb)}.saas-vivid .saas-case-card:nth-child(3) .saas-case-visual{background:linear-gradient(125deg,#ffc25b,#f3839a)}.saas-vivid .saas-case-visual:after{animation:vivid-orbit 8s ease-in-out infinite!important}.saas-vivid .saas-service{background:linear-gradient(115deg,#12366b,#374aa3 60%,#643289)}.saas-vivid .saas-service-grid>article:before{animation:vivid-pulse 3s ease-in-out infinite!important}.saas-vivid .saas-contact{background:radial-gradient(ellipse at 0% 90%,#a4e682,transparent 50%),linear-gradient(125deg,#d6f3cc,#aeece9 55%,#c6b4f7)}
.saas-vivid .saas-reveal{transition:opacity .95s ease var(--reveal-delay,0ms),transform .95s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)!important}.saas-vivid .saas-feature-card,.saas-vivid .saas-case-card,.saas-vivid .rich-matrix-grid>a,.saas-vivid .rich-news-grid>a,.saas-vivid .rich-tabs button{transition:transform .35s ease,box-shadow .35s ease,background .35s ease!important}.saas-vivid .saas-feature-card:hover,.saas-vivid .saas-case-card:hover,.saas-vivid .rich-matrix-grid>a:hover{transform:translateY(-9px)!important;box-shadow:0 25px 45px #14296630}
@keyframes vivid-glow{0%{transform:translate3d(0,0,0) scale(.9)}100%{transform:translate3d(80px,-45px,0) scale(1.2)}}
@keyframes vivid-text{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes vivid-workspace{0%,100%{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,-3deg)) translateY(0)}50%{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,-3deg)) translateY(-13px)}}
@keyframes vivid-badge{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}
@keyframes vivid-orbit{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(-18px,-23px,0) rotate(12deg)}}
@keyframes vivid-ring{0%{transform:rotate(-30deg) scaleY(.65)}50%{transform:rotate(5deg) scaleY(.8)}100%{transform:rotate(-30deg) scaleY(.65)}}
@keyframes vivid-grid{from{background-position:0 0}to{background-position:70px 70px}}
@keyframes vivid-particle{from{opacity:.25;transform:translateY(0) scale(.7)}to{opacity:.9;transform:translateY(-25px) scale(1.15)}}
@keyframes vivid-pulse{0%,100%{opacity:.8;box-shadow:0 0 6px #b8f99150}50%{opacity:1;box-shadow:0 0 16px #b8f99190}}
@keyframes vivid-step{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes vivid-screen{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes vivid-icon{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(6deg)}}
.saas-vivid.vivid-paused *,.saas-vivid.vivid-paused *:before,.saas-vivid.vivid-paused *:after{animation-play-state:paused!important}.saas-vivid.vivid-paused .saas-reveal{opacity:1;transform:none;transition:none!important}
@media(max-width:650px){.saas-vivid .saas-hero{min-height:0;padding-top:125px;padding-bottom:68px}.saas-vivid .saas-hero-copy>.saas-eyebrow{font-size:10px;padding:7px 10px}.saas-vivid .saas-product-demo{animation:vivid-screen 8s ease-in-out infinite!important}.orb-one{width:56px;height:56px;top:9%;right:0}.orb-two{left:80%;bottom:6%}.orb-three{display:none}.ring-one{width:340px;height:340px;right:-150px;top:5%}.vivid-ring.ring-two{display:none}.vivid-motion-control{font-size:10px;bottom:14px;right:20px}.saas-vivid .saas-hero:before{width:400px;height:400px}.saas-vivid .saas-hero:after{width:350px;height:350px}}
/* Animate only the current view; avoid painting large backgrounds each frame. */
.saas-vivid section:not(.vivid-in-view) *,.saas-vivid section:not(.vivid-in-view):before,.saas-vivid section:not(.vivid-in-view):after{animation-play-state:paused!important}
.saas-vivid .saas-hero:before,.saas-vivid .saas-hero:after{filter:none}.saas-vivid .vivid-grid{animation:none!important}
@media(max-width:650px){.saas-vivid .vivid-particles i,.saas-vivid .vivid-ring{animation:none!important}.saas-vivid .saas-product-demo{will-change:auto}.saas-vivid .saas-hero:before,.saas-vivid .saas-hero:after{animation:none!important}}

/* Reduce GPU layers without removing the visual direction. */
.saas-vivid .saas-product-demo{transform-style:flat;will-change:auto;animation:vivid-screen 9s ease-in-out infinite!important}
.saas-vivid .saas-hero:before,.saas-vivid .saas-hero:after,.saas-vivid .vivid-ring,.saas-vivid .vivid-particles i,.saas-vivid .saas-hero h1 span{animation:none!important}
.saas-vivid .saas-hero-copy>.saas-eyebrow,.saas-vivid .saas-secondary,.saas-vivid .rich-matrix-grid>a,.vivid-motion-control{backdrop-filter:none!important}
.saas-vivid .saas-product-demo{box-shadow:0 16px 40px #13064c40}
.saas-vivid .rich-screen{animation:none!important}

/* Full backend screenshots: keep menus and navigation visible. */
.saas-home .rich-screen img{width:100%;height:auto!important;aspect-ratio:8/5;object-fit:contain;display:block;background:#f4f6fa}.saas-home .rich-scene{grid-template-columns:minmax(240px,.8fr) minmax(0,1.5fr)}@media(max-width:900px){.saas-home .rich-scene{grid-template-columns:1fr}}

.mkb-video-card{position:relative;margin-top:28px;max-width:330px;border-radius:22px;overflow:hidden;background:#172431;box-shadow:0 16px 40px rgba(45,70,120,.17)}.mkb-video-card video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain}.mkb-video-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding:32px 18px;border:0;color:white;background:linear-gradient(transparent 40%,rgba(9,18,36,.82));cursor:pointer}.mkb-video-play span{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:linear-gradient(135deg,#4f75ed,#9452dc);font-size:23px;box-shadow:0 0 0 9px rgba(255,255,255,.18);margin-bottom:8px}.mkb-video-play strong{font-size:16px}.mkb-video-play small{font-size:13px}.mkb-video-play[hidden]{display:none}@media(max-width:700px){.mkb-video-card{max-width:300px;margin:24px auto 0}}