/* WorkLess service explorer, own-project story and delivery roadmap. */
.services-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:60px;margin-bottom:44px}
.services-intro h2{margin:0;max-width:790px}
.services-intro h2 span{color:var(--burnt-orange)}
.services-intro>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:405px;margin:0 0 4px}
.service-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);border-radius:12px 12px 0 0;overflow:hidden;background:#f8f8f6}
.service-tab{display:flex;flex-direction:column;gap:10px;padding:23px 20px 25px;border-right:1px solid var(--line);position:relative;transition:background .2s;min-width:0}
.service-tab:last-child{border:0}
.service-tab:hover{background:#fff0e8}
.service-tab[aria-selected=true]{background:#fff}
.service-tab[aria-selected=true]:after{content:'';height:4px;background:var(--orange);position:absolute;bottom:0;left:20px;right:20px}
.service-tab:focus-visible{outline-offset:-5px}
.service-tab-number{font-size:11px;font-weight:600;letter-spacing:1px;color:var(--burnt-orange)}
.service-tab strong{font-size:17px;line-height:1.3;font-weight:600;letter-spacing:-.3px}
.service-tab small{font-size:12px;line-height:1.45;color:var(--muted)}
.service-panel{border:1px solid var(--line);border-top:0;padding:44px;display:grid;grid-template-columns:1fr 1.12fr;gap:40px;align-items:center;border-radius:0 0 12px 12px;background:#fff}
.service-panel[hidden]{display:none}
.service-panel+.service-panel{margin-top:25px;border-top:1px solid var(--line)}
.services-ready .service-panel{margin-top:0}
.service-copy .eyebrow{color:var(--burnt-orange);font-size:11px;margin-bottom:15px}
.service-copy h3{font-size:clamp(28px,2.7vw,39px);font-weight:500;letter-spacing:-1.3px;line-height:1.16;margin:0 0 19px}
.service-copy>p:not(.eyebrow){font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 21px}
.service-deliverables{list-style:none;margin:0 0 27px;padding:0;display:grid;gap:11px}
.service-deliverables li{display:flex;gap:11px;font-size:14px;line-height:1.5}
.service-deliverables li:before{content:'✓';color:var(--burnt-orange);font-weight:bold}
.service-copy .text-link{display:inline-flex;font-weight:600;color:var(--burnt-orange);border-bottom:1px solid #d99f86;padding:8px 0;white-space:normal}
.service-copy .text-link span{font-size:21px}
.service-example{min-width:0;background:#f6f3ef;border:1px solid #e5dfd8;border-radius:10px;overflow:hidden}
.example-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #e5dfd8;font-size:10px;letter-spacing:1.2px;font-weight:600;color:#6a5c52}
.example-top span:first-child{display:flex;align-items:center;gap:7px}
.example-top i{width:6px;height:6px;border-radius:50%;background:var(--orange)}
.service-scene{height:275px;position:relative;padding:27px;display:flex;align-items:center;justify-content:center;overflow:hidden;background-image:radial-gradient(#d9d1c7 .7px,transparent .7px);background-size:16px 16px}
.service-scene [data-reveal]{transition:opacity .35s,transform .35s}
.services-ready [data-stage="1"] [data-reveal="2"],.services-ready [data-stage="1"] [data-reveal="3"],.services-ready [data-stage="2"] [data-reveal="3"]{opacity:.3;transform:translateY(4px)}
.mini-window{width:100%;max-width:390px;background:white;border:1px solid #d9d5d0;border-radius:8px;box-shadow:0 12px 28px #322c2210;overflow:hidden}
.mini-title{display:flex;align-items:center;justify-content:space-between;gap:9px;padding:13px 15px;border-bottom:1px solid #eae7e3;font-size:11px;font-weight:bold}
.mini-title>span{font-size:10px;font-weight:400;color:#6c6a67}
.workflow-row{display:flex;gap:11px;align-items:center;margin:0 15px;padding:13px 0;border-bottom:1px solid #eeeae6;font-size:11px}
.workflow-row:last-child{border:0}
.workflow-row>i{font-style:normal;border:1px solid #e6e0d9;background:#f8f6f2;width:30px;height:30px;border-radius:7px;display:grid;place-items:center;flex-shrink:0;font-size:15px;color:#9c380f}
.workflow-row>div{flex:1;min-width:0}.workflow-row b{display:block;font-size:12px;margin-bottom:4px;font-weight:500}.workflow-row small{font-size:10px;color:#77716a}
.mini-pill{font-size:9px;background:#fff0e6;color:#8c370f;padding:5px 7px;border-radius:4px;white-space:nowrap}
.document-scene{gap:14px;align-items:center}
.mini-paper{background:white;border:1px solid #d9d5d0;border-radius:5px;width:43%;height:190px;padding:18px 15px;transform:rotate(-5deg);box-shadow:0 10px 20px #322c2210;position:relative}
.mini-paper .paper-type{display:inline-block;font-size:9px;letter-spacing:1px;color:#9c380f;border:1px solid #f4cdb9;border-radius:3px;padding:3px 5px;margin-bottom:13px}
.mini-paper b{font-size:12px;display:block;line-height:1.5;margin-bottom:12px}
.paper-line{display:block;height:4px;background:#e5e1dc;margin:7px 0;width:100%;border-radius:2px}.paper-line.short{width:60%}
.paper-scan{position:absolute;top:52%;left:-7px;right:-7px;height:2px;background:var(--orange);box-shadow:0 4px 10px #ff783e50}
.example-running .paper-scan{animation:document-scan 2.2s ease-in-out infinite alternate}
.extracted-fields{background:white;border:1px solid #d9d5d0;border-radius:7px;width:53%;padding:14px 13px;box-shadow:0 12px 25px #322c220a;font-size:11px}
.extracted-fields>strong{font-size:10px;display:block;margin-bottom:12px}.extracted-fields>div{padding:9px 0;border-top:1px solid #eeeae6}.extracted-fields small{display:block;font-size:9px;color:#77716a;margin-bottom:4px}.extracted-fields b{font-weight:500;font-size:11px}
.extracted-fields .field-approved{background:#fff0e6;color:#8c370f;margin:10px -4px 0;padding:7px;text-align:center;border:0;border-radius:4px;font-size:9px}
.integration-scene{gap:0;padding:27px 22px}
.integration-stack{width:34%;display:grid;gap:11px}.integration-stack>span{padding:12px 9px;border:1px solid #d9d5d0;background:white;border-radius:6px;font-size:10px;line-height:1.4;text-align:center;box-shadow:0 5px 12px #322c2207}
.integration-connector{height:1px;background:#bead9e;flex:1;min-width:12px;position:relative}
.integration-connector:after{content:'›';position:absolute;right:-2px;top:-10px;font-size:19px;color:#9c380f}
.integration-hub{background:var(--graphite);color:#fff;width:70px;height:70px;border-radius:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 8px #ff783e15;border:1px solid #45423e}
.integration-hub b{font-size:20px;letter-spacing:-1px}.integration-hub b span{color:var(--orange)}.integration-hub small{font-size:8px;margin-top:5px;color:#c9c5bf}
.software-scene{padding:22px}
.mini-app{max-width:420px;display:grid;grid-template-columns:65px 1fr;min-height:214px;background:#f4f6fa}
.mini-app-side{background:#172b47;color:#b5c7df;padding:15px 9px;display:flex;flex-direction:column;gap:16px;font-size:8px}
.mini-app-side strong{font-size:12px;color:white}.mini-app-side span:first-of-type{color:white;border-left:2px solid #6fa4ff;padding-left:5px}
.mini-app-body{padding:15px 12px;min-width:0}.mini-app-body>strong{display:block;font-size:13px;color:#1a2b43;margin-bottom:15px}
.mini-app-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:13px}
.mini-app-metrics>span{background:white;border:1px solid #dbe3ef;border-radius:4px;padding:8px 6px;font-size:8px;color:#63728a}.mini-app-metrics b{display:block;font-size:17px;color:#173c6d;margin-top:5px;font-weight:500}
.mini-app-table{background:white;border:1px solid #dbe3ef;border-radius:4px;padding:0 8px;font-size:8px}
.mini-app-table>div{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:9px 0;border-bottom:1px solid #e9edf4}.mini-app-table>div:last-child{border:0}.mini-app-table i{font-size:7px;color:#285cb6;background:#edf3ff;padding:3px;font-style:normal}
.portal-scene{gap:13px;align-items:center}
.mini-form{width:57%;padding-bottom:10px;background:#fff;transform:rotate(-2deg)}
.mini-form>div:not(.mini-title){margin:9px 14px;font-size:8px;color:#6c727c}.mini-form .fake-input{display:block;margin-top:5px;padding:6px;border:1px solid #dce2ed;border-radius:3px;font-size:9px;color:#1a2b43;background:#f6f8fc}
.mini-submit{display:block;margin:9px 14px;padding:7px;background:#2563eb;color:white;font-size:9px;border-radius:4px;text-align:center}
.request-ticket{width:41%;background:white;border:1px solid #d9d5d0;border-radius:7px;padding:15px 12px;box-shadow:0 12px 25px #322c220a;transform:rotate(3deg)}
.ticket-arrow{font-size:22px;color:#9c380f;display:block;margin-bottom:10px}.request-ticket strong{display:block;font-size:12px;margin-bottom:7px}.request-ticket p{font-size:10px;line-height:1.6;color:#77716a;margin:0 0 14px}.request-ticket .mini-pill{display:inline-block;font-size:8px}
.example-caption{font-size:12px;line-height:1.65;margin:0;padding:0 21px 18px;min-height:58px;color:#64584f}
.example-controls{padding:15px 18px 18px;border-top:1px solid #e5dfd8;background:#faf8f5}
.example-controls[hidden]{display:none}
.example-steps{list-style:none;display:flex;gap:5px;padding:0;margin:0 0 14px}.example-steps li{flex:1;min-width:0}
.example-steps button{width:100%;border:1px solid #ded6ce;border-radius:5px;background:white;padding:9px 5px;font-size:10px;line-height:1.4;display:flex;justify-content:center;gap:5px;color:#65584e;min-height:38px}
.example-steps button[aria-current]{border-color:#a7441b;background:#fff0e6;color:#8c370f}.example-steps button span{font-weight:bold}
.example-play{border:0;background:transparent;color:#8c370f;font-size:12px;font-weight:600;padding:5px 0;display:flex;align-items:center;gap:8px}.example-play:before{content:'▷';font-size:17px}.example-running .example-play:before{content:'Ⅱ'}
.service-outcome{grid-column:1/-1;padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:baseline;gap:24px;margin-top:-9px}
.service-outcome>span{color:#8c370f;font-size:10px;letter-spacing:1.2px;font-weight:bold;white-space:nowrap}.service-outcome p{font-size:17px;line-height:1.5;margin:0;letter-spacing:-.2px}
.service-fit{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:29px}.service-fit p{font-size:14px;line-height:1.7;color:var(--muted);max-width:730px;margin:0}.service-fit p strong{font-weight:500;color:var(--graphite)}.service-fit a{color:#8c370f;font-size:13px;white-space:nowrap;padding:10px 0;border-bottom:1px solid #dfc3b6}
.services-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.case-section{padding:105px 0;background:#17191c;color:#f6f5f3;overflow:hidden}
.case-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:end;margin-bottom:45px}
.case-heading .eyebrow{color:#ffb28c}.case-heading h2{margin:0}.case-heading h2 span{color:#ff9c70}.case-heading>p{margin:0 0 3px;font-size:16px;line-height:1.75;color:#bfc1c5;max-width:420px}
.case-board{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #45474b;border-radius:12px;overflow:hidden;background:#232528}
.case-product{padding:35px;border-right:1px solid #45474b;background-image:radial-gradient(#45474b .7px,transparent .7px);background-size:18px 18px}
.case-product-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.case-product-top>b{font-size:45px;letter-spacing:-2px;font-weight:500}.case-product-top>span{font-size:10px;line-height:1.7;letter-spacing:1px;color:#bfc1c5;text-align:right}
.case-record{background:#fafafa;color:#172b47;border:1px solid #d6dce5;border-radius:8px;overflow:hidden;box-shadow:0 18px 35px #0003}
.case-record-head{display:flex;justify-content:space-between;align-items:center;padding:17px 20px;background:#edf2f9;border-bottom:1px solid #d6dce5;gap:12px;font-size:12px}.case-record-head>span{font-size:9px;letter-spacing:.7px;color:#62748a}
.case-record-title{padding:21px 20px 15px;display:flex;gap:12px;align-items:center}.case-record-title>span{display:grid;place-items:center;background:#dfeaff;color:#2e5a9c;font-size:18px;width:40px;height:40px;border-radius:8px;flex-shrink:0}.case-record-title strong{display:block;font-size:16px;font-weight:500}.case-record-title small{display:block;color:#6b7787;font-size:10px;margin-top:5px}
.case-record-list{padding:0 20px 14px}.case-record-list>div{padding:11px 0;border-top:1px solid #e0e5ec;display:flex;justify-content:space-between;gap:12px;font-size:11px;line-height:1.4}.case-record-list>div>span:last-child{color:#285cb6;font-size:10px}
.case-sequence{display:flex;align-items:center;justify-content:space-between;margin:24px 0 0;gap:8px;font-size:10px;color:#d4d5d8}.case-sequence i{font-style:normal;color:#ff9c70}
.case-story{padding:36px;display:flex;flex-direction:column;justify-content:center}
.case-story-block+.case-story-block{border-top:1px solid #45474b;padding-top:25px;margin-top:25px}.case-story-block>span{font-size:10px;letter-spacing:1.2px;color:#ffb28c}.case-story-block h3{font-size:24px;letter-spacing:-.6px;font-weight:500;margin:10px 0}.case-story-block p{color:#bfc1c5;font-size:14px;line-height:1.75;margin:0}
.case-story .text-link{color:#ffb28c;display:inline-flex;align-self:flex-start;margin-top:25px;padding:8px 0;border-bottom:1px solid #825941}.case-story .text-link span{font-size:20px}
.case-footer{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:28px}.case-footer .person{margin:0}.case-footer .initials{background:#35373b;color:#ffb28c;border:1px solid #515257}.case-footer .person div>span{color:#bfc1c5}.case-footer>p{color:#a9abb0;font-size:12px;line-height:1.75;max-width:450px;margin:0}
.delivery{display:grid;grid-template-columns:.85fr 1.25fr;gap:90px;align-items:start}
.delivery-intro h2{font-size:clamp(36px,3.7vw,52px);margin-bottom:22px}.delivery-intro h2 span{color:var(--burnt-orange)}.delivery-intro>p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);margin:0 0 30px}
.delivery-start{background:#fff0e6;border:1px solid #eed7c9;border-radius:10px;padding:24px}.delivery-start strong{font-size:17px;font-weight:500;line-height:1.4;display:block}.delivery-start p{font-size:13px;line-height:1.65;color:#745b4b;margin:10px 0 18px}.delivery-start .text-link{font-weight:600;color:#8c370f;display:inline-flex;border-bottom:1px solid #d99f86;padding-bottom:6px}
.delivery-steps{list-style:none;margin:0;padding:0;display:grid;gap:0;counter-reset:delivery}
.delivery-steps li{display:grid;grid-template-columns:48px 1fr;gap:20px;padding-bottom:31px;position:relative;counter-increment:delivery}
.delivery-steps li:last-child{padding-bottom:0}.delivery-steps li:not(:last-child):before{content:'';position:absolute;top:49px;bottom:0;left:23px;width:1px;background:#d8d5d0}
.delivery-number{height:48px;width:48px;background:#f5f3ef;border:1px solid #e2dcd6;border-radius:50%;display:grid;place-items:center;color:#8c370f;font-size:13px;font-weight:500}
.delivery-steps h3{font-size:23px;letter-spacing:-.5px;font-weight:500;margin:6px 0 10px}.delivery-steps p{font-size:14px;line-height:1.7;color:var(--muted);margin:0 0 12px}.delivery-result{display:inline-flex;gap:8px;flex-wrap:wrap;font-size:11px;line-height:1.5;padding:7px 10px;border:1px solid #e2dcd6;border-radius:4px;background:#faf9f7;color:#615a53}.delivery-result b{color:#8c370f;font-weight:500}
@keyframes document-scan{from{top:35%}to{top:75%}}
@media(min-width:1500px){.service-panel{gap:55px;padding:50px}}
@media(max-width:1100px){.services-intro{gap:35px;grid-template-columns:1.3fr 1fr}.service-tab{padding:20px 13px}.service-tab strong{font-size:15px}.service-tab small{font-size:11px}.service-panel{padding:30px;gap:28px}.service-scene{padding:20px;height:260px}.integration-scene{padding:20px 14px}.integration-hub{width:55px;height:60px}.mini-app{grid-template-columns:53px 1fr}.software-scene{padding:16px}.case-heading{gap:35px}.case-product,.case-story{padding:27px}.delivery{gap:50px}.example-steps button{font-size:9px}}
@media(max-width:800px){.services-intro{grid-template-columns:1fr;gap:24px}.services-intro>p{max-width:600px}.service-tabs{grid-template-columns:repeat(3,minmax(0,1fr));border-radius:10px 10px 0 0}.service-tab{padding:17px 14px;border-bottom:1px solid var(--line)}.service-tab:nth-child(3){border-right:0}.service-tab:last-child{border-right:1px solid var(--line)}.service-tab small{font-size:11px}.service-panel{grid-template-columns:1fr;gap:30px;padding:28px}.service-copy h3{font-size:34px;max-width:520px}.service-copy>p:not(.eyebrow){max-width:620px}.service-deliverables{grid-template-columns:1fr 1fr;gap:12px}.service-example{max-width:560px;width:100%;justify-self:center}.service-scene{height:285px;padding:28px}.service-outcome{margin:0;gap:15px}.case-heading{grid-template-columns:1fr;gap:25px}.case-heading>p{max-width:600px}.case-board{grid-template-columns:1fr}.case-product{border-right:0;border-bottom:1px solid #45474b;padding:30px}.case-product-top,.case-record,.case-sequence{max-width:530px;margin-left:auto;margin-right:auto}.case-story{padding:30px}.case-footer{align-items:flex-start}.case-footer>p{max-width:330px}.delivery{gap:35px;grid-template-columns:.85fr 1.2fr}.delivery-number{width:40px;height:40px}.delivery-steps li{grid-template-columns:40px 1fr;gap:14px}.delivery-steps li:not(:last-child):before{left:19px;top:41px}.delivery-steps h3{font-size:21px}}
@media(max-width:600px){.solutions.section{padding-top:65px;padding-bottom:65px}.services-intro{margin-bottom:29px}.services-intro h2{font-size:37px}.services-intro>p{font-size:15px}.service-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.service-tab{gap:6px;padding:16px 13px}.service-tab strong{font-size:14px}.service-tab:nth-child(3){border-right:1px solid var(--line)}.service-tab:nth-child(even){border-right:0}.service-tab:last-child{grid-column:1/-1;border-right:0;border-bottom:0;padding:15px 13px;display:grid;grid-template-columns:auto 1fr;column-gap:10px}.service-tab:last-child .service-tab-number{grid-row:1/3;align-self:center}.service-tab:last-child strong,.service-tab:last-child small{grid-column:2}.service-tab[aria-selected=true]:after{left:13px;right:13px;height:3px}.service-panel{padding:24px 17px;gap:25px}.service-copy h3{font-size:30px;letter-spacing:-1px}.service-copy>p:not(.eyebrow){font-size:14px}.service-deliverables{grid-template-columns:1fr;gap:9px;margin-bottom:19px}.service-deliverables li{font-size:13px}.service-copy .text-link{font-size:13px}.example-top{padding:13px;font-size:9px;letter-spacing:.5px}.service-scene{height:248px;padding:16px}.example-caption{font-size:11px;padding:0 14px 14px;min-height:62px}.example-controls{padding:12px}.example-steps{gap:4px}.example-steps button{font-size:9px;gap:3px;padding:8px 3px}.service-outcome{display:block;padding-top:20px}.service-outcome p{font-size:16px;margin-top:9px}.service-fit{display:block;margin-top:23px}.service-fit p{font-size:13px}.service-fit a{display:inline-flex;margin-top:12px}.mini-paper{padding:15px 11px;height:175px}.extracted-fields{padding:12px 10px}.integration-scene{padding:15px 10px}.integration-hub{width:53px;height:58px;border-radius:12px}.integration-stack>span{font-size:9px;padding:10px 5px}.integration-connector{min-width:9px}.software-scene{padding:13px}.mini-app{grid-template-columns:50px 1fr;min-height:202px}.mini-app-side{padding:14px 7px}.mini-app-body{padding:14px 9px}.mini-app-metrics>span{font-size:7px;padding:7px 4px}.mini-app-body>strong{font-size:12px}.mini-app-table{font-size:7px;padding:0 6px}.portal-scene{gap:10px;padding:15px 12px}.mini-form .mini-title{font-size:10px;padding:12px 10px}.mini-form>div:not(.mini-title),.mini-submit{margin:8px 10px}.request-ticket{padding:12px 9px}.request-ticket strong{font-size:11px}.request-ticket p{font-size:9px}.case-section{padding:65px 0}.case-heading{margin-bottom:30px}.case-heading h2{font-size:37px}.case-heading>p{font-size:15px}.case-product,.case-story{padding:23px 19px}.case-product-top>b{font-size:38px}.case-product-top>span{font-size:9px}.case-record-title strong{font-size:14px}.case-record-head{padding:14px;font-size:11px}.case-record-title{padding:18px 14px 14px}.case-record-list{padding:0 14px 12px}.case-record-list>div{font-size:10px}.case-record-list>div>span:last-child{font-size:9px}.case-sequence{font-size:9px;gap:4px}.case-story-block h3{font-size:23px}.case-footer{display:block}.case-footer>p{max-width:none;margin-top:23px}.delivery{grid-template-columns:1fr;gap:40px}.delivery-intro h2{font-size:38px}.delivery-intro>p:not(.eyebrow){font-size:15px}.delivery-start{padding:22px}.delivery-steps h3{font-size:22px}.delivery-steps p{font-size:14px}.delivery-steps li{gap:17px}}
@media(prefers-reduced-motion:reduce){.service-tab,.service-scene [data-reveal]{transition:none}.example-running .paper-scan{animation:none}}
