@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";@keyframes workflowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stepRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.litelab-workflow-section{--workflow-rotation-duration: 11s;--step-rotation-duration: 1s;background-color:#000;color:#fff;width:100vw;padding:0 0 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;font-family:Inter,Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.litelab-workflow-section .litelab-workflow-title-container{margin-bottom:20px;text-align:center}.litelab-workflow-section .litelab-workflow-title-container .litelab-workflow-section-title{font-size:2rem;color:#fff;letter-spacing:2px;text-transform:uppercase}.litelab-workflow-section .litelab-workflow-title-container .litelab-workflow-section-title .fw-bold{font-weight:800}.litelab-workflow-section .litelab-workflow-scroll-wrapper{width:100%;overflow-x:auto;padding:0 40px 20px;box-sizing:border-box;-webkit-overflow-scrolling:touch}.litelab-workflow-section .litelab-workflow-scroll-wrapper::-webkit-scrollbar{height:8px}.litelab-workflow-section .litelab-workflow-scroll-wrapper::-webkit-scrollbar-track{background:#e9ede9;border-radius:4px}.litelab-workflow-section .litelab-workflow-scroll-wrapper::-webkit-scrollbar-thumb{background:#c3cdc3;border-radius:4px}.litelab-workflow-section .litelab-workflow-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#a9bfa9}.litelab-workflow-section .litelab-workflow-grid{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:40px 30px 140px auto 140px 30px 40px;min-width:1400px;margin:0 auto;position:relative;box-sizing:border-box}.litelab-workflow-section .segmented-circle{border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 4px 10px #0000000a;transition:scale .3s ease;scale:var(--circle-scale, 1);transform:rotate(0);will-change:transform;backface-visibility:hidden;transform-origin:center center;--circle-scale: 1}.litelab-workflow-section .segmented-circle:hover{--circle-scale: 1.05}.litelab-workflow-section .segmented-circle.large{width:76px;height:76px;animation:workflowRotate var(--workflow-rotation-duration) linear infinite}.litelab-workflow-section .segmented-circle.large .segmented-circle-inner,.litelab-workflow-section .segmented-circle.small{width:52px;height:52px}.litelab-workflow-section .segmented-circle.small .segmented-circle-inner{width:36px;height:36px}.litelab-workflow-section .segmented-circle .segmented-circle-inner{border-radius:50%;background-color:#fff}.litelab-workflow-section .connection-label{font-size:13px;font-weight:800;text-transform:uppercase;color:#ddd;letter-spacing:1.5px;text-align:center;width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.litelab-workflow-section .architect-label{grid-row:1;grid-column:2/5}.litelab-workflow-section .mep-label{grid-row:1;grid-column:4/7}.litelab-workflow-section .vendors-label{grid-row:1;grid-column:6/8}.litelab-workflow-section .lms-label{grid-row:7;grid-column:3/6}.litelab-workflow-section .contractor-label{grid-row:7;grid-column:5/8}.litelab-workflow-section .arrow-container{display:flex;align-items:center;width:100%;height:100%;position:relative}.litelab-workflow-section .architect-arrow{grid-row:2;grid-column:2/5}.litelab-workflow-section .architect-arrow .arrow-line{left:16.67%;right:calc(16.67% + 8px)}.litelab-workflow-section .mep-arrow{grid-row:2;grid-column:4/7}.litelab-workflow-section .mep-arrow .arrow-line{left:calc(16.67% + 8px);right:calc(16.67% + 48px)}.litelab-workflow-section .vendors-arrow{grid-row:2;grid-column:6/8}.litelab-workflow-section .vendors-arrow .arrow-line{left:calc(25% - 32px);right:calc(25% - 32px)}.litelab-workflow-section .lms-arrow{grid-row:6;grid-column:3/6}.litelab-workflow-section .lms-arrow .arrow-line{left:16.67%;right:calc(16.67% + 8px)}.litelab-workflow-section .contractor-arrow{grid-row:6;grid-column:5/8}.litelab-workflow-section .contractor-arrow .arrow-line{left:calc(16.67% + 8px);right:16.67%}.litelab-workflow-section .arrow-line{position:absolute;height:2px;background-color:#b5c4b5;top:50%;transform:translateY(-50%)}.litelab-workflow-section .arrow-head{position:absolute;top:50%;width:0;height:0;border-style:solid}.litelab-workflow-section .arrow-head.left{left:0;transform:translateY(-50%);border-width:5px 8px 5px 0;border-color:transparent #b5c4b5 transparent transparent}.litelab-workflow-section .arrow-head.right{right:0;transform:translateY(-50%);border-width:5px 0 5px 8px;border-color:transparent transparent transparent #b5c4b5}.litelab-workflow-section .content-box-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box}.litelab-workflow-section .architect-box{grid-row:3;grid-column:2/5}.litelab-workflow-section .mep-box{grid-row:3;grid-column:4/7}.litelab-workflow-section .vendors-box{grid-row:3;grid-column:6/8}.litelab-workflow-section .lms-box{grid-row:5;grid-column:3/6}.litelab-workflow-section .contractor-box{grid-row:5;grid-column:5/8}.litelab-workflow-section .connection-box{position:relative;z-index:2;background-color:#111;border:1px solid #333333;border-radius:8px;padding:14px 18px;box-shadow:0 6px 16px #00000005;width:88%;max-width:250px;box-sizing:border-box}.litelab-workflow-section .connection-box .connection-bullets{list-style-type:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:5px}.litelab-workflow-section .connection-box .connection-bullets li{font-size:11px;color:#ccc;position:relative;padding-left:12px;line-height:1.4;font-weight:500;text-align:left}.litelab-workflow-section .connection-box .connection-bullets li:before{content:"•";position:absolute;left:0;color:#8da48d;font-size:12px;line-height:1.1}.litelab-workflow-section .main-workflow-row{grid-row:4;grid-column:1/8;display:grid;grid-template-columns:repeat(7,1fr);background-color:#050505;border:1px solid #222222;border-radius:12px;box-shadow:0 8px 30px #0000000a;overflow:visible;position:relative}.litelab-workflow-section .left-panel{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:32px 24px;background-color:#050505;border-top-left-radius:12px;border-bottom-left-radius:12px;height:100%;box-sizing:border-box}.litelab-workflow-section .left-panel .left-panel-text{display:flex;flex-direction:column;margin-top:auto;padding-top:40px}.litelab-workflow-section .left-panel .left-panel-brand{font-size:20px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:2px;font-family:Inter,sans-serif}.litelab-workflow-section .left-panel .left-panel-heading{font-size:20px;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:1.5px;border-bottom:4px solid #798b79;padding-bottom:4px;display:inline-block;font-family:Inter,sans-serif}.litelab-workflow-section .workflow-card{display:flex;flex-direction:column;background-color:#050505;border-left:1px solid #222222;position:relative;box-sizing:border-box}.litelab-workflow-section .workflow-card:nth-child(6) .dashed-line-up{left:calc(50% - 40px)}.litelab-workflow-section .workflow-card:nth-child(7) .dashed-line-up{left:calc(50% + 40px)}.litelab-workflow-section .workflow-card:hover .segmented-circle.small{animation:stepRotate var(--step-rotation-duration) ease-in-out}.litelab-workflow-section .workflow-card:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.litelab-workflow-section .workflow-card .dashed-line-up{position:absolute;bottom:100%;left:50%;width:1px;height:155px;border-left:1.5px dashed #b5c4b5;transform:translate(-50%);z-index:1;pointer-events:none}.litelab-workflow-section .workflow-card .dashed-line-down{position:absolute;top:100%;left:50%;width:1px;height:155px;border-left:1.5px dashed #b5c4b5;transform:translate(-50%);z-index:1;pointer-events:none}.litelab-workflow-section .workflow-card .card-header{padding:24px 20px;display:flex;flex-direction:column;justify-content:space-between;background-color:#050505;height:140px;box-sizing:border-box}.litelab-workflow-section .workflow-card .card-header .card-header-top{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.litelab-workflow-section .workflow-card .card-header .stage-number{font-size:24px;font-weight:800;color:#fff;line-height:1;font-family:Inter,sans-serif}.litelab-workflow-section .workflow-card .card-header .stage-title{font-size:13px;font-weight:800;color:#fff;margin:0;text-transform:uppercase;letter-spacing:.5px;line-height:1.3;font-family:Inter,sans-serif}.litelab-workflow-section .workflow-card .card-divider{height:4px;width:100%;border:none}.litelab-workflow-section .workflow-card .card-body{background-color:#111;padding:24px 20px;flex-grow:1;display:flex;flex-direction:column;box-sizing:border-box}.litelab-workflow-section .workflow-card .card-body .card-bullets{list-style-type:none;padding-left:0;margin:0;display:flex;flex-direction:column;gap:10px}.litelab-workflow-section .workflow-card .card-body .card-bullets li{font-size:11px;color:#ccc;position:relative;padding-left:12px;line-height:1.4;font-weight:500;text-align:left}.litelab-workflow-section .workflow-card .card-body .card-bullets li:before{content:"•";position:absolute;left:0;color:#8da48d;font-size:12px;line-height:1.1}