/* Service demonstrations: visual examples above, concise scope below. */
[hidden]{display:none!important}
.example-panel{min-width:0;min-height:510px;padding:28px;background-color:#fbfcf9}
.demo-head{align-items:flex-start;gap:18px;margin-bottom:24px}.demo-head>div{min-width:0}.demo-head h3{font-size:22px;line-height:1.2}.demo-head p{font-size:12px;line-height:1.55;max-width:520px}.demo-tag{white-space:nowrap;font-size:8px;margin-top:3px;flex-shrink:0}
.demo-disclaimer{font-size:9px;line-height:1.6;color:#8c9282;margin:17px 0 0}.experience-grid,.home-experience,.coach-layout,.enterprise-experience{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.experience-card,.twin-card,.workflow-card,.coach-workspace,.coaching-rhythm,.architecture-card,.organisation-card{min-width:0;background:white;border:1px solid #e0e3d9;border-radius:7px;padding:16px}
.experience-label{display:flex;gap:9px;align-items:flex-start;margin-bottom:15px}.experience-label>span{color:#c88356;font:9px monospace;padding-top:2px}.experience-label h4{font-size:12px;line-height:1.5;font-weight:500;margin:0}.experience-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}.experience-tags>span{font-size:8px;padding:5px 6px;color:#848c77;background:#f7f8f3;border-radius:3px;border:1px solid #e9ecdf}
.storefront{border:1px solid #dfe4d5;border-radius:5px;overflow:hidden;background:#fafbf6}.browser-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;padding:10px;font-size:8px;color:#9aa18c;border-bottom:1px solid #e9ecdf}.browser-bar .window-dots i{height:4px;width:4px}.storefront-hero{display:flex;align-items:center;justify-content:space-between;padding:19px 15px;background:#f2f4ea}.storefront-hero .small-label{font-size:6px;letter-spacing:.8px;color:#8c9a7b}.storefront-hero strong{display:block;font:23px/1.1 Georgia,serif;color:#657451;letter-spacing:-.5px;margin-top:10px}.storefront-flower{font-size:65px;color:#b0bf96;line-height:1}.storefront-service{display:flex;gap:9px;align-items:center;padding:12px;background:white;border-top:1px solid #e5e9dc;border-bottom:1px solid #e5e9dc}.store-service-icon{font-size:20px;color:#90a074}.storefront-service strong{font-size:9px;font-weight:500}.storefront-service small{display:block;font-size:7px;color:#98a08b;margin-top:4px}.storefront-service>span:last-child{margin-left:auto;font-size:13px;color:#8b9c77}.booking-picker{padding:13px;font-size:9px}.slot-buttons{display:flex;gap:6px;margin-top:10px}.slot-buttons button{border:1px solid #dce2d1;background:white;color:#818d70;border-radius:3px;font-size:9px;padding:7px 10px}.slot-buttons button[aria-pressed=true]{color:#a95225;border-color:#dfba9c;background:#fdf0e6}.booking-selection{display:flex;justify-content:space-between;font-size:8px;color:#9aA28c;margin-top:11px}.booking-selection output{color:#6f7f58;font-family:monospace}.office-screen{border:1px solid #dfe3d7;background:#fcfdf9;border-radius:5px;overflow:hidden;min-height:306px}.office-toolbar{padding:15px 13px;display:flex;align-items:center;justify-content:space-between;background:#f5f7ef;border-bottom:1px solid #e2e6d9;font-size:11px}.office-toolbar strong{font-weight:500}.office-tabs{display:flex;border-bottom:1px solid #e7eadf;padding:7px;gap:3px}.office-tabs button{font-size:9px;background:none;border-radius:3px;padding:8px;flex:1;color:#8a9380;line-height:1.4}.office-tabs button[aria-pressed=true]{background:#edf0e5;color:#596a43}.agenda-head{font-size:8px;color:#9ba38d;display:flex;justify-content:space-between;gap:10px;padding:16px 12px 7px}.agenda-head>span:last-child{font-size:7px}.agenda-row{display:flex;align-items:center;gap:9px;margin:0 12px;padding:13px 0;border-bottom:1px solid #edf0e5;font-size:9px}.agenda-row time{font:8px monospace;color:#a0a990}.agenda-row i{height:27px;width:3px;background:#bfccb0;border-radius:3px;flex-shrink:0}.agenda-row:nth-child(3) i{background:#e5c4ae}.agenda-row strong{font-size:9px;font-weight:400}.agenda-row small{display:block;color:#a0a78f;font-size:7px;margin-top:4px}.agenda-row>span:last-child{margin-left:auto;color:#8dA178}.staff-planner{display:grid;grid-template-columns:.8fr repeat(3,1fr);gap:6px;padding:12px;font-size:8px;align-items:center;text-align:center}.staff-planner>b{text-align:left;font-weight:500;font-size:9px}.staff-planner>span{color:#8d967e}.staff-planner i{font:8px monospace;padding:11px 4px;border-radius:3px;font-style:normal}.shift{background:#e5eddc;color:#71845a}.off{background:#f4f5f0;color:#b0b6a4}.office-caption{font-size:8px;padding:0 12px;margin-top:8px;color:#9aa58c}.invoice-paper{margin:10px 14px;background:white;border:1px solid #e5e5dc;border-radius:4px;padding:17px 13px;box-shadow:0 4px 9px #45502d06}.invoice-paper>div:first-child{display:flex;gap:8px;align-items:center}.invoice-paper strong{font-size:10px;font-weight:500}.invoice-mark{font-size:22px;color:#a5b38e}.paid-label{margin-left:auto;font-size:7px;padding:4px 6px;color:#809469;background:#eff4e7;border-radius:3px}.invoice-rule{height:1px;background:#eaede2;margin:17px 0}.invoice-rule.short{width:50%;margin-bottom:0}.invoice-total{display:flex;justify-content:space-between;font-size:8px;color:#9ba48c}.invoice-total strong{color:#6d7d59}.invoice-record{display:flex;justify-content:space-between;font-size:8px;padding:8px 14px;color:#a6aa9c}.invoice-record>span:last-child{color:#b79a73}
.coach-journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;border:1px solid #e7dbcb;background:#faf5ed;padding:17px 20px;border-radius:6px;margin-bottom:18px;gap:14px}.coach-journey>div{display:grid;grid-template-columns:18px 1fr;gap:4px 8px}.coach-journey>div>span{font:9px monospace;color:#c48e67;grid-row:span 2;padding-top:2px}.coach-journey strong{font-size:11px;font-weight:500;color:#8b674a}.coach-journey small{font-size:8px;color:#a38e75}.coach-journey>i{color:#c8b39b;font-style:normal}.workspace-heading{display:flex;gap:10px;align-items:center;margin-bottom:15px}.coach-avatar{width:35px;height:35px;border:1px solid #e8d6c5;border-radius:6px;display:grid;place-items:center;font-size:24px;color:#c0885c;background:#fbf4eb}.workspace-heading strong{font-size:11px;font-weight:500}.workspace-heading small{font-size:8px;display:block;color:#a3a891;margin-top:5px}.coach-workspace .office-tabs{margin:0 -5px}.coach-task{display:flex;align-items:center;gap:10px;margin:22px 0}.coach-task>span{font-size:26px;color:#b8bcaa}.coach-task strong{font-size:11px;font-weight:500}.coach-task small{font-size:9px;display:block;color:#9ba58b;margin-top:5px;line-height:1.5}.coached-flow{display:flex;flex-direction:column;gap:6px;margin:14px 0}.coached-flow>span{font-size:9px;padding:9px 12px;background:#f6f7f1;border:1px solid #e6eade;border-radius:3px}.coached-flow>span:nth-child(2){margin-left:12px;background:#faf2e8;border-color:#e8d8c7;color:#aa7c56}.coached-flow>span:nth-child(3){margin-left:24px;color:#809268}.coach-library{font-size:9px;display:flex;align-items:center;gap:9px;padding:14px 0 0;border-top:1px solid #e9ecdf;color:#8f9a7e}.coach-library>span:first-child{font-size:18px}.coach-library>span:last-child{margin-left:auto}.coaching-rhythm{background:#fdfbf6;padding:20px}.coaching-rhythm .small-label{font-size:8px;color:#b79d80}.coaching-rhythm h4{font-size:20px;line-height:1.2;font-weight:400;letter-spacing:-.4px;margin:13px 0 23px;color:#8c6b4b}.coaching-rhythm>div{display:flex;gap:10px;border-top:1px solid #ede6d9;padding:16px 0}.coaching-rhythm>div>span{color:#b89e7a;font-size:21px}.coaching-rhythm p{line-height:1.4}.coaching-rhythm strong{font-size:10px;font-weight:500}.coaching-rhythm small{font-size:9px;display:block;color:#a69a85;margin-top:5px}.coaching-rhythm .coach-guardrail{font-size:8px;color:#b2a38d;padding-top:12px;border-top:1px solid #ede6d9}
.twin-card{padding:0;overflow:hidden;background:#f4f6ef}.twin-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;font-size:10px;background:#fff;border-bottom:1px solid #e4e7db}.twin-toolbar strong{font-weight:500}.twin-toolbar>span{font:8px monospace;color:#a4ad95}.twin-stage{height:300px;position:relative;background:radial-gradient(ellipse at center,#fafcf6,#edf0e6);overflow:hidden}.twin-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.twin-loading{font-size:11px;color:#849374;text-align:center;position:absolute;top:38%;left:10%;right:10%;z-index:2}.sensor-marker{position:absolute;z-index:3;padding:6px 8px;background:#fffffff2;border:1px solid #cbd6bc;border-radius:4px;box-shadow:0 3px 8px #414f2b12;transform:translate(-50%,-50%);white-space:nowrap;text-align:left;left:25%;top:55%}.sensor-marker[data-sensor=office]{left:75%;top:48%}.sensor-marker[data-sensor=entry]{left:60%;top:30%}.sensor-marker>span{font:11px monospace;color:#758c5d}.sensor-marker>small{font-size:7px;color:#99a48b;display:block;margin-top:3px}.motion-marker{border-color:#e3c8a8}.motion-marker>span{color:#c8925d}.lights-on .sensor-marker[data-sensor=living]{border-color:#e1ae6c;background:#fff2d8}.twin-actions{padding:10px;display:flex;align-items:center;gap:7px;background:white;border-top:1px solid #dfe5d4;font-size:8px}.twin-actions>button{border:1px solid #e1e5d9;border-radius:4px;background:#fafbf6;padding:7px;color:#889a72;font-size:13px;display:flex;align-items:center;gap:4px}.twin-actions>button[aria-pressed=true]{border-color:#deba82;background:#fff1d8;color:#ba8b4e}.twin-actions>span{color:#8e9a81;font-size:7px}.twin-actions>button:last-child{font-size:8px;margin-left:auto}.twin-sensor-status{font-size:8px;line-height:1.5;min-height:42px;padding:9px 12px;border-top:1px solid #e4e8db;color:#8d9b7c;background:#fcfdf9}.workflow-card{padding:17px}.workflow-title{display:flex;align-items:center;gap:10px;margin-bottom:18px}.workflow-title>span{font-size:27px;color:#ba9062}.workflow-title strong{font-size:12px;font-weight:500;line-height:1.4}.workflow-title small{display:block;font-size:8px;color:#a5a78f;margin-top:4px}.rule-block{padding:10px 12px;background:#f6f8f0;border:1px solid #e1e6d6;border-radius:4px;margin-bottom:8px}.rule-key{font:7px monospace;letter-spacing:1px;color:#97a582;display:block;margin-bottom:8px}.rule-block>label{font-size:10px;display:flex;justify-content:space-between;gap:8px}.rule-block output{font:10px monospace;color:#aa8355}.rule-block input[type=range]{width:100%;accent-color:#a7b590;height:15px;margin:10px 0 4px;cursor:pointer}.rule-threshold{display:flex;align-items:center;gap:9px;font-size:9px;color:#9aa58c}.rule-threshold select{font:9px monospace;border:1px solid #dce3d0;border-radius:3px;padding:5px;background:#fff;color:#7b8b66}.and-rule{display:flex;align-items:center;gap:12px;padding:10px 12px}.and-rule .rule-key{margin-bottom:0}.ev-connected{display:flex;align-items:center;justify-content:flex-start!important;font-size:10px!important}.ev-connected input{accent-color:#8da474}.rule-outcome{display:flex;align-items:center;gap:10px;background:#fdf1e7;border:1px solid #e9d2ba;border-radius:4px;padding:12px;font-size:10px;color:#ac7849}.rule-outcome .rule-key{margin:0;color:#bf9367}.rule-outcome>span:last-child{margin-left:auto;font-size:13px}.rule-otherwise{font-size:8px;display:flex;justify-content:space-between;gap:10px;padding:10px 2px;color:#a9ad9d}.rule-otherwise>span:first-child{font:7px monospace;letter-spacing:1px}.test-rule{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#30362c;color:#f5f7ee;padding:11px 12px;font-size:10px;width:100%;border-radius:4px;margin-top:3px}.workflow-result{font-size:8px;min-height:35px;padding-top:10px;line-height:1.5;color:#99a38b}.workflow-result[data-result=charge]{color:#64834d}.workflow-result[data-result=pause]{color:#b0875b}
.delivery-stages{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;position:relative;margin:30px 0}.delivery-stages:before{content:'';position:absolute;top:26px;left:8%;right:8%;border-top:1px dashed #d1d9c5}.delivery-stages>button{position:relative;background:transparent;padding:0 0 5px;display:flex;flex-direction:column;align-items:center;gap:5px;text-align:center;min-width:0}.stage-icon{width:49px;height:49px;display:grid;place-items:center;border:1px solid #dbe2d0;border-radius:7px;background:#f8faf3;color:#9aaa85;font-size:26px;margin-bottom:6px;transition:background .2s}.delivery-stages>button[aria-pressed=true] .stage-icon{color:#b77546;border-color:#e2bd9e;background:#fbede1}.delivery-stages small{font:7px monospace;color:#b0b6a6}.delivery-stages strong{font-size:9px;font-weight:400;color:#89977a;line-height:1.4}.delivery-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center;border:1px solid #dfe4d5;background:#fff;padding:25px;border-radius:6px}.delivery-detail h4{font-size:23px;font-weight:400;line-height:1.15;letter-spacing:-.5px;margin:12px 0}.delivery-detail p{font-size:11px;line-height:1.7;color:#919c84}.delivery-detail .small-label{font-size:8px;color:#b89876}.stage-deliverable{font-size:9px;display:inline-block;padding-top:15px;margin-top:15px;border-top:1px solid #e8ecdf;color:#9ba68e;width:100%}.delivery-art{position:relative;padding:20px 10px}.delivery-window{border:1px solid #d9dfcf;border-radius:5px;background:#f7f9f1;overflow:hidden;box-shadow:0 12px 20px #57643f0b}.delivery-window>.window-dots{border-bottom:1px solid #e3e8d9;padding:10px;background:white}.delivery-sketch{padding:17px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.delivery-sketch>div{height:55px;border:1px dashed #cbd4bd;background:#e9eedd;border-radius:3px;transition:background .2s}.delivery-sketch>div:first-child{grid-column:span 2;height:22px;background:#dce5cd}.delivery-art-label{font-size:8px;color:#a5af96;padding:0 17px 17px}.delivery-seal{position:absolute;right:0;bottom:12px;width:43px;height:43px;border:1px solid #e0bfa2;border-radius:8px;background:#faeadb;color:#b08053;display:grid;place-items:center;font:13px monospace;transform:rotate(8deg)}.delivery-art[data-stage=prototype] .delivery-sketch>div,.delivery-art[data-stage=build] .delivery-sketch>div{border-style:solid;background:#d6dfc8}.delivery-art[data-stage=review] .delivery-seal{background:#fff1d2}.delivery-art[data-stage=release] .delivery-window{border-color:#a4b993}.delivery-art[data-stage=release] .delivery-seal{background:#e8f1dd;border-color:#b9cda5;color:#6f8d53}
.architecture-map{padding:8px 0}.architecture-layer{display:flex;gap:10px;align-items:center;background:#f5f7ef;border:1px solid #dfe5d4;border-radius:4px;padding:13px 10px}.layer-index{font:8px monospace;color:#acb99a}.architecture-layer strong{font-size:10px;font-weight:500}.architecture-layer small{display:block;font-size:8px;color:#99a68a;margin-top:4px;line-height:1.5}.architecture-layer>span:last-child{font-size:18px;color:#9cae87;margin-left:auto}.architecture-connector{height:13px;border-left:1px solid #cbd7ba;margin-left:23px}.architecture-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:8px;padding:17px 0 4px;color:#a1ac91}.architecture-footer>span:last-child{color:#b17e52}.value-stream{padding:19px 10px;background:#f6f1e9;border:1px solid #e8dac8;border-radius:5px}.value-stream .small-label{font-size:7px;color:#b19676;letter-spacing:.8px}.team-lanes{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:22px 0}.team-lanes>div{display:flex;flex-direction:column;align-items:center;gap:8px}.team-lanes>div>span{font-size:24px;color:#b9a385}.team-lanes strong{font-size:8px;font-weight:400;color:#9b886d}.team-lanes i{font-size:14px;color:#c5b298;font-style:normal}.shared-outcome{font-size:8px;border-top:1px solid #e6d7c4;padding-top:12px;text-align:center;color:#a18463}.org-improvements{margin-top:14px}.org-improvements>div{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #eef0e7;font-size:9px;color:#95a382}.org-improvements span{color:#b6c5a2}
.scope-grid{gap:18px}.scope-card .service-copy{padding:29px 32px}.scope-card h3{font-size:28px}.scope-card p{font-size:13px}.scope-card:last-child{grid-column:1/-1}.scope-card:last-child .service-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 45px}.scope-card:last-child .service-number{grid-column:1/-1}.scope-card:last-child h3{grid-row:span 2}.scope-card:last-child .service-link{grid-column:1/-1}.scope-card .tags{margin-top:19px}.scope-card .service-link{margin-top:20px;padding-top:20px}.scope-card p{margin-top:17px}.scope-card:last-child p{margin-top:18px}.scope-card:last-child h3{margin-top:22px}
@media(max-width:1050px){.experience-grid,.home-experience,.coach-layout,.enterprise-experience{grid-template-columns:1fr}.office-screen{min-height:0}.coach-layout{gap:14px}.coaching-rhythm>div{padding:12px 0}.home-experience{gap:14px}.twin-stage{height:320px}.delivery-stages{gap:5px}.delivery-detail{gap:20px;padding:20px}.demo-head{flex-wrap:wrap;gap:8px}.demo-tag{margin-top:0}.example-panel{padding:24px}.experience-card{padding:18px}.office-screen{min-height:300px}.experience-tags>span{font-size:9px}.architecture-footer{justify-content:center;gap:20px}.team-lanes{justify-content:center;gap:24px}}
@media(max-width:760px){.example-panel{padding:22px 16px;min-height:0}.demo-head h3{font-size:22px;letter-spacing:-.5px}.demo-head p{font-size:11px}.demo-tag{font-size:7px}.demo-disclaimer{font-size:8px}.experience-label h4{font-size:12px}.experience-card,.workflow-card,.coach-workspace,.coaching-rhythm,.architecture-card,.organisation-card{padding:15px}.storefront-hero strong{font-size:25px}.office-tabs button{font-size:10px}.slot-buttons button{font-size:10px}.experience-tags{gap:4px}.experience-tags>span{font-size:8px}.storefront-service strong,.agenda-row strong{font-size:10px}.agenda-row small{font-size:8px}.agenda-row{padding:14px 0}.coach-journey{gap:6px;padding:14px 10px}.coach-journey>div{grid-template-columns:1fr;gap:5px}.coach-journey>div>span{grid-row:auto;font-size:8px}.coach-journey strong{font-size:10px}.coach-journey small{font-size:7px;line-height:1.4}.coach-journey>i{font-size:11px}.coaching-rhythm h4{font-size:23px}.coach-task small{font-size:9px}.coached-flow>span{font-size:10px}.coach-library{font-size:9px}.twin-stage{height:280px}.twin-actions{gap:5px;flex-wrap:wrap}.twin-actions>span{font-size:7px}.twin-actions>button:last-child{font-size:8px}.workflow-title strong{font-size:12px}.rule-block>label{font-size:11px}.rule-outcome{font-size:10px}.test-rule{font-size:11px}.workflow-result{font-size:9px;min-height:40px}.delivery-stages{grid-template-columns:repeat(3,1fr);gap:17px 6px;margin:25px 0}.delivery-stages:before{display:none}.stage-icon{width:45px;height:45px;font-size:24px}.delivery-stages strong{font-size:10px}.delivery-detail{grid-template-columns:1fr;gap:10px;padding:20px}.delivery-art{padding:5px 15px 10px;max-width:230px;width:100%;margin:0 auto}.delivery-sketch>div{height:34px}.delivery-detail h4{font-size:24px}.delivery-detail p{font-size:12px}.stage-deliverable{font-size:10px}.team-lanes{gap:15px}.team-lanes strong{font-size:8px}.architecture-layer strong{font-size:11px}.architecture-layer small{font-size:9px}.org-improvements>div{font-size:10px}.scope-card .service-copy{padding:25px}.scope-card h3{font-size:28px}.scope-card:last-child .service-copy{display:block}.scope-card:last-child h3{margin-top:18px}.scope-card:last-child p{margin-top:18px}.scope-card .tags span{font-size:9px}.scope-card .service-number{line-height:1.6;display:block;font-size:8px}.scope-card .service-link{font-size:11px;line-height:1.5}.hero-foot{flex-wrap:wrap;gap:10px 16px}.hero-foot>span{white-space:nowrap}.hero-foot a{margin-left:auto}.showcase-sidebar{padding:12px}.example-tabs button{min-height:42px}}
@media(max-width:390px){.example-panel{padding:18px 12px}.experience-card,.workflow-card,.coach-workspace,.coaching-rhythm,.architecture-card,.organisation-card{padding:12px}.storefront-hero{padding:15px 10px}.storefront-hero strong{font-size:22px}.storefront-flower{font-size:50px}.experience-tags>span{font-size:7px}.twin-stage{height:250px}.sensor-marker{padding:5px}.sensor-marker>span{font-size:10px}.sensor-marker>small{font-size:6px}.twin-actions>span{display:none}.scope-card .service-copy{padding:22px}.scope-card h3{font-size:25px}.coach-journey{padding:12px 9px}.coach-journey strong{font-size:9px}.coach-journey small{font-size:7px}.delivery-detail{padding:17px}.team-lanes{gap:8px}.rule-outcome{font-size:9px}}