/* Light presentation, white demo applications and stable device viewports. */
:root{color-scheme:light;--bg:#faf9fd;--panel:#fff;--text:#252033;--muted:#645c73;--line:#e2dce9;--purple:#7138bc;--pink:#ce259d;--blue:#455cda;--sample-muted:#655b75;--sample-line:#dfd8e8}
body{background:var(--bg);color:var(--text)}
.ui-icon{width:18px;height:18px;display:inline-block;vertical-align:middle;flex-shrink:0}
.button>span,.textlink>span{display:inline-flex;align-items:center}.button .ui-icon{transition:transform .2s}.button:hover .ui-icon{transform:translate(2px,-2px)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-color:#7430b8}
.previewbar{background:#eee8f6;border-color:#dfd5ed;color:#633782}.previewbar span{color:#655876}
header{background:#ffffffed;border-bottom-color:#e7dfef}nav{color:#645b73}nav a:hover,nav a[aria-current=page]{color:#672daf}
.button{background:linear-gradient(110deg,#a92ba9,#743cd1,#455cd4);border-color:#8954c8;box-shadow:0 6px 20px #7c49aa15;color:white}
.button.small,.button.secondary{color:#5b286f;border-color:#b39ac9;background:#ffffff80}.button.small:hover,.button.secondary:hover{background:#f4eafa}
.menu{background:white;color:#532968;border-color:#d1bedf;min-width:44px;min-height:44px;display:none;align-items:center;justify-content:center;padding:10px}
.hero,.showcase-hero{background:radial-gradient(ellipse at 90% 20%,#f6d8f1,transparent 58%),radial-gradient(ellipse at 5% 80%,#e9e6ff,transparent 60%),#faf8ff}
.hero:after{background:linear-gradient(90deg,#faf8ff55,transparent);z-index:1}.hero h1 em,.showcase-hero h1 em{background:linear-gradient(100deg,#b62b9a,#7835c8,#3a53c3);background-clip:text;color:transparent}
.hero .orb{background:radial-gradient(ellipse,#e9cff278,transparent 66%)}.hero-foot{color:#685b7a;border-color:#d6c9e2}.hero-foot a{color:#6937a3}
.ribbon-canvas{opacity:.24!important}.mini,.breadcrumbs,.breadcrumbs a{color:#796589}
.systems-opening{background:#fff}.sample-label{color:#774499}.systems-opening em,.scene-copy em,.scene-intro em{color:#7d39b7}
.system-index a{background:white;border-color:#d6c4e6;color:#643780;box-shadow:0 3px 10px #50277506}.system-index a:hover{background:#f3eafa}
.scene-inspection{background:radial-gradient(ellipse at 85% 40%,#f4dff2,transparent 65%),#f6f2fb}
.scene-command{background:radial-gradient(ellipse at 50% 10%,#eae4fc,transparent 68%),#faf8fe;border-color:#e7def0}
.scene-pricing{background:radial-gradient(ellipse at 95% 50%,#e7e4fd,transparent 70%),#f3f0fa}
.scene-select button{background:#ffffff90;border-color:#d9c8e5;color:#695078}.scene-select button span{color:#805e9a}.scene-select button.active{background:#7a3cb3;border-color:#7a3cb3;color:white;box-shadow:0 4px 14px #7a3cb328}.scene-select button.active span{color:#ecdaf7}
.scene-benefit{border-color:#a14cc3}.scene-benefit strong{color:#473452}.device-glow{background:radial-gradient(ellipse,#dfa8d936,transparent 70%)}.device-caption{color:#735982}.system-foot>span{color:#685775}
.phone-shell{background:white;box-shadow:0 0 0 1px #9b8b9e,7px 8px 0 #353039,0 32px 55px #35234d22;transform:none}
.phone-shell:hover{transform:none}.phone-scroll{background:#fff}.phone-status,.phone-progress{background:#fff}.phone-status{font-size:11px;align-items:center}
.phone-signal{display:flex;gap:5px;align-items:center}.phone-signal .ui-icon{width:16px;height:16px}.phone-signal .ui-icon:last-child{width:22px}
.sample-appmark{background:linear-gradient(135deg,#bf39b8,#6b4dd1);box-shadow:0 3px 8px #79349922;border-radius:9px}.sample-appmark .ui-icon{width:23px;height:23px;stroke-width:1.7}
.phone-appbar,.phone-actions{background:#fff}.sample-field{border-color:#e0dbe8;background:#faf9fc}.phone-primary,.phone-actions .phone-primary{background:#7540aa;border-color:#7540aa;border-radius:10px}.phone-primary:hover,.phone-actions .phone-primary:hover{background:#663493}
.phone-progress span.complete,.check-sample button.chosen{background:#7a48aa}.phone-step-label{color:#78459a}.check-sample{border-color:#e1d8e9;background:#fcfafe}
.cycle-sample .chosen{background:#f2e7fa;border-color:#a477bd;color:#663784}.phone-actions button:not(.phone-primary){color:#675175}.phone-scroll h3,.phone-scroll h4{color:#30243c}
/* MacBook-style hardware: aluminium body, inset black display, camera and hinge. */
.desktop-stage{max-width:1040px;margin:0 auto;padding:0 18px;perspective:none}
.desktop-device{position:relative;border:1px solid #66646b;border-radius:18px 18px 7px 7px;padding:16px 11px 20px;background:linear-gradient(120deg,#28272e,#111116 45%,#28272e);box-shadow:0 2px 0 #bbbbc3,0 28px 50px #38255020;transform:none;overflow:visible}
.desktop-device:hover{transform:none}.desktop-device:after{content:'';position:absolute;left:10px;right:10px;bottom:7px;height:1px;background:#46434a}
.macbook-camera{position:absolute;top:4px;left:50%;width:7px;height:7px;margin-left:-3.5px;background:radial-gradient(circle,#315170,#09090d 70%);border:1px solid #434149;border-radius:50%}
.desktop-display{width:100%;aspect-ratio:16/10;min-height:0;contain:size layout;display:flex;flex-direction:column;overflow:hidden;border-radius:6px;background:#fff;isolation:isolate}
.device-toolbar{height:29px;min-height:29px;flex-shrink:0;background:#f3f1f7;border-color:#e3dce9;padding-inline:12px;gap:5px}.device-toolbar i{width:6px;height:6px;background:#aaa0b5}.device-toolbar i:first-child{background:#ef928d}.device-toolbar i:nth-child(2){background:#e7c778}.device-toolbar i:nth-child(3){background:#8dbea2}.device-toolbar span{color:#756781;font-size:9px}
.desktop-screen{flex:1;min-height:0;height:auto;display:grid;grid-template-columns:175px minmax(0,1fr);overflow:hidden;color:#2e2639;background:white}
.desktop-sidebar{min-height:0;overflow:auto;overscroll-behavior:contain;background:#faf8fc;border-color:#e7dfef;padding:23px 12px}.demo-wordmark{color:#34263f}.demo-wordmark span{color:#74687c}.desktop-sidebar>small{color:#756c7e}
.desktop-sidebar button{color:#665670;background:none}.desktop-sidebar button.active{background:#eee1f7;color:#703898}.desktop-sidebar button:hover{background:#f1e9f7}.desktop-sidebar button .ui-icon{width:16px;height:16px}
.desktop-main{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:#fff}
.desktop-topbar{flex-shrink:0;min-height:48px;color:#706479;border-color:#e7dfee;padding:12px 20px;background:#fff}.desktop-topbar b{background:#eedff6;color:#733b95}
.desktop-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#cfc2dc transparent;padding:23px}
.workspace-heading>span{color:#8a5aa4}.workspace-heading h3{color:#31213e}.command-kpis>div{background:#faf7fd;border-color:#e6dcef}.command-kpis small{color:#73617e}.command-kpis strong{color:#4f315f}.command-kpis span{color:#71627b}
.command-panel-head h4{color:#3c2b49}.command-panel-head>span,.command-panel-head label{color:#776b80}.command-panel-head select{background:white;border-color:#d5c5e1;color:#5f456e;display:inline-block;width:auto;max-width:150px;margin-bottom:0}
.command-row{color:#3c2c47;border-color:#eee5f3}.command-row:hover{background:#fcf7ff}.command-row small{color:#887094}.task-person,.task-due{color:#74617e}
.demo-status{color:#775197;background:#f0e5f9}.demo-status.blocked{color:#a03939;background:#ffeded}.demo-status.done{color:#28694b;background:#e7f6ed}
.demo-insight{background:#f9f2ff;border-color:#e6d6f0}.demo-insight>span{color:#9558b8}.demo-insight p{color:#695177}
.team-demo-grid>div{border-color:#e5d8ed;background:#fcf9ff}.person-avatar{background:#eee0f7;color:#7b479e}.team-demo-grid h4,.team-demo-grid strong{color:#543663}.team-demo-grid p{color:#74627d}
.demo-clear{color:#28694b;border-color:#c9e8d4;background:#f0fbf4}.demo-back{color:#884aab}.task-detail-head small{color:#84539a}.task-detail-head h4{color:#3c2b46}.task-detail-grid{border-color:#e6d9ec}.task-detail-grid small{color:#7d6a89}.task-detail-grid strong{color:#543663}
.demo-primary{background:#7b40ac;border-color:#7b40ac}.demo-primary:hover{background:#693696}.demo-secondary{color:#754b8e;border-color:#cdb6dd;background:#fff}.demo-small{color:#7d6b86}
.macbook-hinge{position:absolute;bottom:-1px;left:12%;right:12%;height:5px;background:#55515b;border-radius:3px}
.desktop-base{position:relative;height:22px;margin:0 -18px;background:linear-gradient(180deg,#eeeeef 0%,#c7c7cd 35%,#93949d 78%,#666874 100%);border:1px solid #a5a4ad;border-radius:3px 3px 40px 40px;box-shadow:0 10px 22px #35234d15}
.desktop-base>span{position:absolute;left:42%;right:42%;top:-1px;height:8px;background:linear-gradient(#adadb7,#dedee1);border-radius:0 0 8px 8px;box-shadow:inset 0 1px 2px #7e7b8860}
/* Landscape iPad shell, with a white workspace scrolling within its screen. */
.pricing-layout{grid-template-columns:.8fr 1.3fr;gap:45px}.ipad-stage{min-width:0;text-align:center;padding:8px 4px 10px}.ipad-device{position:relative;max-width:760px;width:100%;margin:auto;background:linear-gradient(130deg,#28272d,#0b0b0e 70%,#24232a);padding:18px 24px 22px;border-radius:30px;border:1px solid #807883;box-shadow:0 0 0 2px #d8d2dc,0 28px 50px #34224920;text-align:left}
.ipad-camera{position:absolute;left:8px;top:50%;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#30475d,#050507);border:1px solid #4c4652}
.ipad-screen{width:100%;aspect-ratio:4/3;min-height:0;contain:size layout;border-radius:11px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c8b9d6 #fff;background:#fff;color:#392943}
.ipad-homebar{position:absolute;bottom:9px;left:40%;right:40%;height:4px;background:#7f7789;border-radius:5px}.ipad-stage .device-caption{display:block;max-width:none;margin-top:25px}
.pricing-workspace{padding:26px;border:0;border-radius:0;background:white;box-shadow:none;max-width:none}.pricing-top .sample-label{color:#865198}.pricing-top h3{color:#3e284e}.sample-chip{border-color:#d9c5e5;background:#faf4fd;color:#80558f}
.pricing-controls label{color:#765783}.pricing-controls input,.pricing-controls select{background:#fcfaff;border-color:#d9c8e6;color:#54335f}.quote-grid{gap:8px}.supplier-quote{background:#fbf8fe;border-color:#e0d2ec}.supplier-quote>span{color:#785788}.supplier-quote strong{color:#513166}.supplier-quote small{color:#7b6984}.supplier-quote b{color:#81658f}.supplier-quote.best{background:#f3e7ff;border-color:#b286d7}.supplier-quote.best b{color:#7c389f}
.pricing-result{border-color:#e7daef}.pricing-result>div:first-child>span{color:#7d658a}.pricing-result>div:first-child>strong{color:#8540b4}.pricing-result small{color:#7c6b85}.pricing-explain p{color:#7a6486}.pricing-explain strong{color:#563365}.pricing-note>span{color:#9a58ba}.pricing-note p{color:#745381}
.pagehero{background:radial-gradient(ellipse at 80% 10%,#f4dcf2,transparent 70%),#f5f0fc;border-color:#e5d8ee}.pagehero em,em{background:linear-gradient(100deg,#b62b9a,#7835c8,#3a53c3);background-clip:text;color:transparent}
.section[style*="background"]{background:#f2edf8!important}.cta{background:radial-gradient(ellipse at bottom,#e5d6f7,transparent 75%),#f4eafb;border-color:#e4d5ed}.solution,.value,.servicegroup{border-color:#dfd0e9}.solution .number{color:#8a579b}.solution ul,.detail ul{color:#776681}.solution ul li:before{color:#8742b3}
.detail{background:#fff;border-color:#e2d5eb}.flow{background:#fff;border-color:#ddcbe8}.flow-tabs button{border-color:#d5bfe2;color:#7b518f}.flow-tabs button.active{background:#7946a5;border-color:#7946a5;color:white}.flow-node{background:#faf6fe;border-color:#e4d5ef}.flow-node span{color:#8a4fa8}.flow-caption{color:#7c6989}
.contactbox{background:#fff;border-color:#e3d4ed}input,select,textarea{background:#fff;border-color:#d6c3e3;color:#44304f}.contactlinks small,.formnote{color:#80688f}.contactlinks a{border-color:#ddcce8}.formresult{color:#5c3f72}
footer{border-color:#e3d6eb}.footer-top>div,.footer-top span{color:#766184}.footer-top>div a:hover{color:#723f91}.footer-bottom{border-color:#e3d6eb;color:#816d8f}
.chat-panel{background:white;border-color:#d8c3e5;box-shadow:0 15px 40px #6732900c}.chat-header,.chat-bottom{border-color:#e5d6ee}.chat-header small,.chat-bottom{color:#7e688c}.bubble.assistant{background:#f2eaf9;color:#5d3c71}.bubble.user{background:#854fb1;color:white}.chat-bottom button{color:#8447a1}.demo-options button{background:white;border-color:#d8c2e5;color:#72468a}.demo-options button:hover{background:#f6edfc}
@media(max-width:1000px){.pricing-layout{grid-template-columns:1fr}.ipad-stage{max-width:760px;width:100%;justify-self:center}.desktop-screen{grid-template-columns:135px minmax(0,1fr)}.desktop-sidebar{padding:16px 10px}.desktop-content{padding:18px}.desktop-stage{padding-inline:13px}.desktop-base{margin-inline:-13px}}
@media(max-width:700px){.menu{display:flex}nav.open{background:#fff;border-color:#e2d0ed;color:#664574}.hero:after{background:transparent}.desktop-stage{padding:0 8px}.desktop-device{padding:12px 6px 15px;border-radius:13px 13px 5px 5px}.macbook-camera{top:3px;width:5px;height:5px}.desktop-display{aspect-ratio:1.5}.desktop-screen{display:grid;grid-template-columns:1fr;grid-template-rows:44px minmax(0,1fr);min-height:0}.desktop-sidebar{flex-direction:row;flex-wrap:nowrap;padding:3px 5px;border-right:0;border-bottom:1px solid #e3d8ec;overflow:auto;gap:2px}.desktop-sidebar button{font-size:9px;min-height:36px;padding:7px;gap:4px;white-space:nowrap}.desktop-sidebar .demo-wordmark,.desktop-sidebar>small{display:none}.desktop-sidebar button>span{display:inline-flex}.desktop-sidebar button .ui-icon{width:12px;height:12px}.desktop-topbar{min-height:30px;padding:6px 10px;font-size:9px}.desktop-topbar b{padding:4px;font-size:8px}.desktop-content{padding:12px;min-height:0}.workspace-heading>span{font-size:8px}.workspace-heading h3{font-size:16px;margin:6px 0 14px}.device-toolbar{height:22px;min-height:22px;padding-inline:8px}.device-toolbar span{font-size:7px;padding-right:15px}.desktop-base{height:14px;margin:0 -8px;border-radius:2px 2px 20px 20px}.desktop-base>span{height:5px}.ipad-device{padding:14px 17px 18px;border-radius:24px}.ipad-screen{aspect-ratio:3/4;border-radius:8px}.ipad-camera{left:5px;width:5px;height:5px}.ipad-homebar{bottom:7px;height:3px}.pricing-workspace{padding:20px 14px}.pricing-controls{grid-template-columns:1fr .65fr}.pricing-controls input,.pricing-controls select{font-size:11px}.pricing-result{grid-template-columns:1fr}.phone-shell{box-shadow:0 0 0 1px #9b8b9e,5px 5px 0 #353039,0 22px 38px #35234d20}.previewbar{gap:12px}header .button.small{gap:9px;white-space:nowrap}header .button.small .ui-icon{width:15px;height:15px}.command-kpis{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.button .ui-icon{transition:none}.button:hover .ui-icon{transform:none}}
@media(max-width:360px){header{gap:8px;padding-inline:4%}.brand{font-size:18px;gap:7px}.brand img{width:27px}header .button.small{padding-inline:9px;font-size:9px;gap:5px}.menu{min-width:40px}}
@media print{.sample-report-document em{color:#663399;background:none}}