/* Dedicated product pages share Lijix's palette, typography, header and contact form. */
.lx-detail-page .effectFade { opacity:1; }
.mp-skip-link { position:fixed; top:12px; left:20px; z-index:100; padding:14px 20px; background:var(--neutral-50); border:2px solid var(--brand); border-radius:12px; transform:translateY(-200%); }
.mp-skip-link:focus { transform:none; }
.mp-hero { padding:36px 0 64px; background:#FFFFFF; }
.mp-breadcrumbs { display:flex; align-items:center; flex-wrap:wrap; gap:12px; color:var(--secondary); font-size:12px; margin-bottom:42px; }
.mp-breadcrumbs [aria-current] { color:var(--brand); }
.mp-hero-grid { display:grid; grid-template-columns:minmax(0,.45fr) minmax(0,.55fr); gap:48px; align-items:center; }
.mp-hero-copy { min-width:0; max-width:640px; }
.mp-hero-copy h1 { font-size:64px; font-weight:600; letter-spacing:-2.8px; line-height:1.08; margin-bottom:28px; }
.mp-hero-copy h1 > span { display:block; color:var(--brand-bright); }
.mp-hero-copy > p { color:var(--secondary); font-size:16px; line-height:1.8; max-width:600px; }
.mp-hero-copy > .mp-hero-lead { font-size:21px; line-height:1.5; color:var(--neutral-800); margin-bottom:18px; }
.mp-hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin:28px 0; }
.mp-hero-copy .mp-chips { gap:9px; }
.mp-hero-visual { min-width:0; width:100%; max-width:820px; justify-self:end; }
.mp-hero-caption { display:flex; align-items:center; gap:12px; padding:18px 22px; margin:-2px 24px 0; width:fit-content; max-width:calc(100% - 48px); background:#fff8e9; border:1px solid #f2e3c5; border-radius:16px; position:relative; box-shadow:0 8px 14px #00000006; }
.mp-hero-caption strong,.mp-hero-caption small { display:block; }
.mp-hero-caption strong { font-size:13px; font-weight:600; }
.mp-hero-caption small { color:var(--secondary); font-size:10px; margin-top:4px; }
.mp-capabilities { padding-top:70px; }
.mp-section-intro { display:grid; grid-template-columns:1.15fr 1fr; gap:80px; align-items:end; margin-bottom:36px; }
.mp-section-intro h2,.mp-feature h2,.mp-faq h2 { font-size:44px; line-height:1.12; letter-spacing:-1.7px; font-weight:600; }
.mp-section-intro > p { font-size:17px; line-height:1.8; color:var(--secondary); max-width:500px; justify-self:end; }
.mp-capability-nav { display:flex; flex-wrap:wrap; gap:10px; border:1px solid var(--neutral-200); padding:14px; border-radius:20px; background:var(--neutral-50); }
.mp-capability-nav a { padding:10px 16px; border-radius:12px; font-size:13px; font-weight:600; color:var(--secondary); }
.mp-capability-nav a:hover,.mp-capability-nav a:focus-visible { color:var(--brand); background:#e5f8f3; }
.mp-feature { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:80px; align-items:center; padding:88px 0; border-bottom:1px solid var(--neutral-200); scroll-margin-top:28px; }
.mp-feature:last-child { border-bottom:0; }
.mp-feature:nth-child(even) .mp-feature-copy { order:2; }
.mp-feature-copy,.mp-feature-visual { min-width:0; }
.mp-feature-copy { max-width:650px; }
.mp-feature-copy > p { font-size:16px; line-height:1.8; color:var(--secondary); margin-top:22px; }
.mp-summary-list { list-style:none; margin:26px 0 0; padding:0; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px 24px; }
.mp-summary-list li { display:flex; align-items:flex-start; gap:12px; }
.mp-summary-list li > span { display:grid; place-items:center; width:26px; height:26px; border-radius:9px; flex-shrink:0; color:var(--brand); background:#e5f8f3; font-size:13px; }
.mp-summary-list strong { display:block; font-weight:600; font-size:14px; line-height:1.5; }
.mp-summary-list p { color:var(--secondary); font-size:13px; line-height:1.65; margin-top:5px; }
.mp-platform-note { padding-top:24px; margin-top:28px; border-top:1px solid var(--neutral-200); }
.mp-platform-note > span { color:var(--brand); font-weight:600; font-size:10px; letter-spacing:1.2px; }
.mp-platform-note p { font-size:13px; color:var(--secondary); line-height:1.8; margin-top:9px; }
.mp-preview-caption { text-align:center; font-size:10px; line-height:1.6; color:var(--secondary); margin-top:18px; }
.mp-preview { background:var(--neutral-50); border:1px solid var(--neutral-200); border-radius:24px; overflow:hidden; box-shadow:0 12px 36px #00000007,0 3px 5px #00000006; min-width:0; }
.mp-browser-bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 20px; background:var(--neutral-100); border-bottom:1px solid var(--neutral-200); color:var(--secondary); font-size:11px; }
.mp-browser-bar > span:nth-child(2) { flex:1; text-align:center; }
.mp-browser-bar small { font-size:10px; }
.mp-browser-dots { display:flex; gap:5px; }
.mp-browser-dots i { display:block; width:5px; height:5px; border-radius:50%; background:var(--neutral-300); }
.mp-browser-dots i:first-child { background:var(--brand-bright); }
.mp-preview-body { padding:28px; }
.mp-ui-title { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:22px; line-height:1.4; }
.mp-ui-title strong { font-size:15px; font-weight:600; }
.mp-ui-title > span { font-size:10px; color:var(--secondary); text-align:right; }
.mp-chips { display:flex; flex-wrap:wrap; gap:7px; }
.mp-chips > span { padding:7px 10px; border:1px solid var(--neutral-200); border-radius:8px; color:var(--secondary); background:var(--neutral-50); font-size:10px; line-height:1.5; }
.mp-records { margin-top:16px; }
.mp-records > div,.mp-file-row { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; border-top:1px solid var(--neutral-200); }
.mp-records strong,.mp-file-row strong { display:block; font-size:12px; font-weight:600; line-height:1.5; }
.mp-records small,.mp-file-row small { display:block; color:var(--secondary); font-size:10px; line-height:1.6; margin-top:4px; }
.mp-records em,.mp-file-row em { font-size:10px; font-style:normal; padding:5px 8px; border-radius:7px; background:#e5f8f3; color:var(--brand); flex-shrink:0; }
.mp-query { padding:16px 18px; margin:20px 0 16px 28px; font-size:14px; line-height:1.65; background:var(--neutral-800); color:var(--white); border-radius:16px 16px 3px 16px; }
.mp-ai-answer { background:#eaf9f3; padding:20px; border-radius:16px 16px 16px 3px; margin-bottom:18px; }
.mp-ai-answer > span { display:block; font-size:10px; color:var(--brand); font-weight:600; letter-spacing:.6px; }
.mp-ai-answer p { font-size:14px; line-height:1.8; margin-top:10px; }
.mp-demo-choices { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px; }
.mp-demo-choices button { padding:9px 13px; border:1px solid var(--neutral-200); color:var(--secondary); font-size:11px; background:var(--neutral-50); border-radius:8px; }
.mp-demo-choices button[aria-pressed="true"] { color:var(--brand); border-color:var(--brand); background:#eaf9f3; }
.mp-context-map { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-bottom:22px; }
.mp-context-map > span { padding:16px 8px; border:1px solid var(--neutral-200); border-radius:10px; text-align:center; font-size:12px; }
.mp-context-map > strong { grid-column:1/-1; padding:18px; border-radius:12px; background:#e5f8f3; color:var(--brand); text-align:center; font-size:16px; }
.mp-select-label,.mp-search-label { display:block; font-size:11px; font-weight:600; color:var(--secondary); }
.mp-select-label select,.mp-search-label input { width:100%; padding:12px 14px; border:1px solid var(--neutral-200); border-radius:10px; margin-top:8px; background:var(--neutral-50); color:var(--primary); font-size:13px; }
.mp-access-result { border-radius:14px; background:#e5f8f3; padding:20px; margin-top:18px; }
.mp-access-result strong { font-size:14px; font-weight:600; }
.mp-access-result p { font-size:13px; line-height:1.8; color:var(--secondary); margin-top:8px; }
.mp-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.mp-stats > div { border-radius:12px; background:var(--neutral-100); padding:15px 12px; }
.mp-stats > div:nth-child(2) { background:var(--accent-warm-soft); }
.mp-stats small,.mp-stats span { display:block; font-size:10px; color:var(--secondary); line-height:1.5; }
.mp-stats strong { display:block; font-size:27px; line-height:1.4; font-weight:600; margin:6px 0; }
.mp-chart { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:10px; height:140px; margin-top:24px; padding-top:10px; }
.mp-chart > div { display:flex; flex-direction:column; align-items:center; justify-content:end; gap:8px; }
.mp-chart span { width:100%; height:calc(var(--bar) * .8); background:var(--brand-bright); border-radius:6px 6px 1px 1px; }
.mp-chart > div:nth-child(3n) span { background:var(--accent-warm); }
.mp-chart > div:nth-child(2n) span { background:var(--neutral-700); }
.mp-chart small { color:var(--secondary); font-size:9px; }
.mp-document { background:var(--neutral-100); border:1px solid var(--neutral-200); border-radius:14px; padding:24px; margin:20px 0; }
.mp-document > small { color:var(--brand); font-size:9px; letter-spacing:1px; }
.mp-document h4 { font-size:23px; line-height:1.3; margin:16px 0; }
.mp-document p { color:var(--secondary); font-size:12px; line-height:1.8; }
.mp-document-lines { display:grid; gap:9px; margin-top:24px; }
.mp-document-lines span { height:5px; border-radius:8px; background:var(--neutral-200); }
.mp-document-lines span:nth-child(2) { width:85%; }.mp-document-lines span:nth-child(3) { width:65%; }
.mp-file-folders { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:20px 0; }
.mp-file-folders span { background:var(--accent-warm-soft); color:var(--accent-warm-ink); border-radius:12px; padding:16px; font-size:13px; font-weight:600; }
.mp-file-folders small { display:block; color:var(--secondary); font-size:10px; font-weight:400; margin-top:8px; }
.mp-file-row[hidden],.mp-empty[hidden] { display:none; }
.mp-empty { padding:20px 0; color:var(--secondary); font-size:13px; }
.mp-ui-note { color:var(--secondary); font-size:10px; line-height:1.7; margin-top:16px; }
.mp-file-symbol { display:grid; place-items:center; width:100px; height:110px; border:1px solid #b8e5d8; border-radius:16px; background:#e5f8f3; margin:22px auto; color:var(--brand); font-size:25px; }
.mp-org-root { display:flex; align-items:center; gap:14px; padding:20px; background:#e5f8f3; border-radius:14px; }
.mp-org-root strong { display:block; font-size:14px; font-weight:600; }.mp-org-root small { color:var(--secondary); font-size:10px; }
.mp-person { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; flex-shrink:0; background:var(--neutral-800); color:var(--white); font-size:10px; }
.mp-departments { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:16px 0; }
.mp-departments span { text-align:center; padding:12px 8px; border:1px solid var(--neutral-200); border-radius:9px; font-size:11px; }
.mp-storage { border-radius:18px; padding:40px 20px; text-align:center; background:linear-gradient(140deg,#e5f8f3,#fff8e9); }
.mp-storage strong { display:block; font-size:64px; font-weight:600; color:var(--brand); line-height:1.3; }.mp-storage span { font-size:13px; color:var(--secondary); }
.mp-timeline { display:grid; gap:20px; margin:28px 0; }
.mp-timeline > div { display:grid; grid-template-columns:90px minmax(0,1fr); align-items:center; gap:12px; font-size:11px; }
.mp-timeline b { height:12px; border-radius:8px; background:var(--brand-bright); width:var(--length); margin-left:var(--offset); }
.mp-timeline > div:nth-child(2) b { background:var(--accent-warm); }
.mp-task-instruction { background:var(--accent-warm-soft); border-radius:14px; padding:20px; }
.mp-task-instruction small { font-size:9px; color:var(--accent-warm-ink); letter-spacing:.7px; }.mp-task-instruction p { font-size:14px; line-height:1.8; margin-top:10px; }
.mp-task-flow { display:flex; justify-content:space-between; align-items:center; gap:8px; margin:22px 0; }
.mp-task-flow span { padding:14px 10px; flex:1; background:var(--neutral-100); border-radius:9px; font-size:11px; text-align:center; }.mp-task-flow small { display:block; color:var(--secondary); font-size:9px; margin-top:8px; }.mp-task-flow i { font-style:normal; color:var(--secondary); }
.mp-cost-fields { display:flex; gap:12px; align-items:center; }.mp-cost-fields label { flex:1; min-width:0; font-size:11px; color:var(--secondary); }
.mp-cost-fields input { display:block; width:100%; padding:12px; margin-top:9px; border:1px solid var(--neutral-200); border-radius:9px; background:var(--neutral-100); font-size:14px; }
.mp-cost-result { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; padding:24px 0; border-bottom:1px solid var(--neutral-200); font-size:13px; }.mp-cost-result output { font-size:25px; font-weight:600; color:var(--brand); }
.mp-chat-message { display:flex; align-items:start; gap:12px; margin:18px 0; }.mp-chat-message > div { background:var(--neutral-100); border-radius:14px; padding:16px; flex:1; }
.mp-chat-message small { color:var(--secondary); font-size:9px; }.mp-chat-message p { font-size:13px; line-height:1.8; margin-top:8px; }.mp-chat-reply { margin-left:32px; }.mp-chat-reply > div { background:#e5f8f3; }.mp-chat-attachment { display:block; padding:10px; margin-top:12px; border:1px solid var(--neutral-200); border-radius:8px; font-size:11px; }
.mp-calendar-strip { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; margin-bottom:22px; }.mp-calendar-strip span { padding:10px; text-align:center; border:1px solid var(--neutral-200); border-radius:10px; font-size:10px; color:var(--secondary); }.mp-calendar-strip strong { display:block; font-size:20px; color:var(--primary); margin-top:6px; }.mp-calendar-strip > span:first-child { background:#e5f8f3; border-color:#b8e5d8; }
.mp-work-note { padding:18px; border-radius:12px; background:var(--accent-warm-soft); margin-top:18px; }.mp-work-note strong { font-size:12px; font-weight:600; }.mp-work-note p { color:var(--secondary); font-size:12px; line-height:1.8; margin-top:8px; }
.mp-lead-stages { display:flex; align-items:center; gap:10px; margin:20px 0 28px; }.mp-lead-stages span { padding:11px; border-radius:8px; background:#e5f8f3; font-size:11px; }.mp-lead-stages i { font-style:normal; color:var(--secondary); }
.mp-process { padding:76px 0; background:#FFFFFF; margin:0 16px 80px; border-radius:32px; }
.mp-process-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:32px; list-style:none; padding:0; margin:50px 0 0; }
.mp-process-steps > li { border-top:1px solid #bdded3; padding-top:24px; }.mp-process-steps > li > span { display:grid; place-items:center; height:38px; width:38px; border-radius:12px; background:var(--neutral-50); color:var(--brand); font-size:12px; font-weight:600; margin-bottom:20px; }.mp-process-steps > li:nth-child(2) > span { background:var(--accent-warm-soft); color:var(--accent-warm-ink); }
.mp-process-steps h3 { font-size:23px; font-weight:600; letter-spacing:-.5px; line-height:1.3; margin-bottom:12px; }.mp-process-steps p { color:var(--secondary); font-size:14px; line-height:1.8; }
.mp-faq { padding-bottom:88px; }.mp-faq-layout { display:grid; grid-template-columns:1fr 1.3fr; gap:90px; }.mp-faq-layout > div:first-child > p { color:var(--secondary); font-size:15px; line-height:1.8; margin-top:24px; max-width:380px; }.mp-faq h2 br { display:initial; }
.mp-faq details { border-bottom:1px solid var(--neutral-200); }.mp-faq summary { display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; padding:22px 0; font-size:16px; font-weight:600; line-height:1.5; }.mp-faq summary::-webkit-details-marker { display:none; }.mp-faq summary span { font-size:24px; color:var(--secondary); flex-shrink:0; }.mp-faq details[open] summary span { transform:rotate(45deg); color:var(--brand); }.mp-faq details p { color:var(--secondary); font-size:14px; line-height:1.8; padding-bottom:24px; }
.mp-directory { padding:0 0 88px; }.mp-directory-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 36px; }.mp-directory-links a { display:block; padding:23px 0; border-top:1px solid var(--neutral-200); }.mp-directory-links a > span { display:block; font-size:18px; font-weight:600; margin-bottom:8px; }.mp-directory-links small { display:flex; justify-content:space-between; align-items:center; gap:12px; color:var(--secondary); font-size:12px; line-height:1.6; }.mp-directory-links a:hover > span,.mp-directory-links a[aria-current="page"] > span { color:var(--brand); }
.lx-detail-page :is(button,a,input,select,summary):focus-visible { outline:2px solid var(--brand); outline-offset:4px; }
@media(min-width:1600px) { .mp-hero-copy h1 { font-size:68px; } }
@media(max-width:1199px) { .mp-hero-copy h1 { font-size:54px; }.mp-feature { gap:48px; }.mp-feature h2,.mp-section-intro h2,.mp-faq h2 { font-size:38px; }.mp-preview-body { padding:22px; }.mp-section-intro { gap:48px; }.mp-summary-list { grid-template-columns:1fr; gap:16px; }.mp-ui-title { flex-wrap:wrap; }.mp-records em,.mp-file-row em { font-size:9px; }.mp-process-steps { gap:24px; } }
@media(max-width:991px) { .mp-hero-grid { grid-template-columns:1fr; gap:42px; }.mp-hero-visual { max-width:720px; justify-self:start; }.mp-hero-copy h1 { font-size:60px; }.mp-feature { grid-template-columns:1fr; gap:36px; padding:64px 0; }.mp-feature-copy { max-width:720px; }.mp-feature:nth-child(even) .mp-feature-copy { order:0; }.mp-feature-visual { max-width:720px; }.mp-summary-list { grid-template-columns:1fr 1fr; }.mp-section-intro { gap:30px; }.mp-process-steps { grid-template-columns:1fr 1fr; gap:36px; }.mp-faq-layout { gap:40px; }.mp-directory-links { grid-template-columns:1fr 1fr; }.mp-process { margin-inline:12px; } }
@media(max-width:767px) { .mp-hero { padding:24px 0 36px; }.mp-breadcrumbs { font-size:10px; gap:8px; margin-bottom:28px; }.mp-hero-copy h1 { font-size:44px; letter-spacing:-1.8px; }.mp-hero-copy > .mp-hero-lead { font-size:19px; }.mp-hero-copy > p { font-size:15px; }.mp-hero-actions { gap:12px; }.mp-hero-caption { margin-inline:12px; max-width:calc(100% - 24px); padding:14px; }.mp-hero-caption strong { font-size:11px; }.mp-hero-caption small { font-size:9px; }.mp-capabilities { padding-top:40px; }.mp-section-intro { grid-template-columns:1fr; gap:22px; margin-bottom:28px; }.mp-section-intro > p { justify-self:start; font-size:15px; }.mp-section-intro h2,.mp-feature h2,.mp-faq h2 { font-size:34px; letter-spacing:-1.2px; }.mp-capability-nav { padding:10px; gap:5px; border-radius:16px; }.mp-capability-nav a { padding:9px 10px; font-size:11px; }.mp-feature { padding:48px 0; }.mp-feature-copy > p { font-size:15px; }.mp-summary-list { grid-template-columns:1fr; }.mp-preview { border-radius:18px; }.mp-browser-bar { font-size:9px; padding:12px; gap:8px; }.mp-browser-bar small { font-size:9px; }.mp-preview-body { padding:18px; }.mp-ui-title strong { font-size:13px; }.mp-ui-title > span { font-size:9px; }.mp-records > div,.mp-file-row { gap:10px; flex-wrap:wrap; }.mp-records strong,.mp-file-row strong { font-size:11px; }.mp-records small,.mp-file-row small { font-size:9px; }.mp-query { font-size:12px; padding:14px; margin-left:12px; }.mp-ai-answer { padding:16px; }.mp-ai-answer p { font-size:12px; }.mp-stats { gap:6px; }.mp-stats > div { padding:10px 7px; }.mp-stats small,.mp-stats span { font-size:8px; }.mp-stats strong { font-size:22px; }.mp-context-map { gap:6px; }.mp-context-map > span { font-size:10px; padding:12px 5px; }.mp-file-folders span { font-size:11px; padding:12px; }.mp-org-root { padding:14px; gap:10px; }.mp-org-root strong { font-size:12px; }.mp-org-root small { font-size:9px; }.mp-departments { gap:6px; }.mp-departments span { font-size:10px; padding:10px 5px; }.mp-task-flow { gap:5px; }.mp-task-flow span { font-size:9px; padding:12px 6px; }.mp-task-flow small { font-size:8px; }.mp-cost-result output { font-size:21px; }.mp-chat-message { gap:8px; }.mp-chat-message > div { padding:12px; }.mp-chat-reply { margin-left:15px; }.mp-chat-message p { font-size:12px; }.mp-lead-stages { gap:5px; }.mp-lead-stages span { padding:8px; font-size:9px; }.mp-process { padding:48px 0; margin-bottom:56px; border-radius:24px; }.mp-process-steps { grid-template-columns:1fr; margin-top:30px; gap:28px; }.mp-process-steps h3 { font-size:22px; }.mp-faq { padding-bottom:56px; }.mp-faq-layout { grid-template-columns:1fr; gap:30px; }.mp-directory { padding-bottom:56px; }.mp-directory-links { grid-template-columns:1fr; }.mp-directory-links a > span { font-size:17px; } }
@media(max-width:359px) { .mp-hero-copy h1 { font-size:38px; }.mp-preview-body { padding:14px; }.mp-stats strong { font-size:20px; }.mp-cost-fields { gap:8px; }.mp-cost-fields input { padding:10px; }.mp-cost-fields label { font-size:10px; } }