/* Compact product explanations, with explicit synthetic examples. */
.mini-demo{--demo-ink:#16353e;--demo-muted:#44606a;--demo-border:#cfdee2;color-scheme:light;color:var(--demo-ink);background:#f7fbfc;border:1px solid #a8c4cd;border-radius:16px;overflow:hidden;min-width:0;width:100%;text-align:left;box-shadow:0 16px 45px #020b1630}
.mini-demo [hidden]{display:none!important}
.mini-demo :where(p,h3,h4,strong,small,span){color:inherit}
.mini-top{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px 18px;border-bottom:1px solid var(--demo-border);background:#edf5f7}
.mini-top>strong{font-size:.9375rem;line-height:1.45;flex:1;min-width:120px;letter-spacing:0;font-weight:700}
.mini-mark{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:8px;background:#075b58;color:#fff!important;font-size:1.25rem;font-weight:750}
.mini-label{font-size:.75rem;line-height:1.5;border:1px solid #a9c5cb;border-radius:5px;padding:3px 7px;background:#fff;white-space:nowrap}
.mini-tabs{display:flex;flex-wrap:wrap;align-items:stretch;gap:4px;padding:10px 12px;background:#fff;border-bottom:1px solid var(--demo-border)}
.mini-tabs button{display:flex;align-items:center;justify-content:center;flex:1 1 80px;min-width:0;overflow-wrap:anywhere;gap:7px;border:1px solid transparent;border-radius:7px;background:transparent;padding:9px 7px;min-height:44px;font:inherit;font-size:.875rem;line-height:1.35;color:#34545f;cursor:pointer}
.mini-tabs button span{font-size:.75rem;font-variant-numeric:tabular-nums}
.mini-tabs button[aria-selected=true]{background:#d8f4ea;color:#064f42;border-color:#94c8b8;font-weight:700}
.mini-demo :where(button,[tabindex]):focus-visible{outline:3px solid #095cc4;outline-offset:2px}
.mini-screen{padding:22px 20px 18px;min-height:285px}
.mini-demo .mini-panel>h3{font-size:1.125rem;line-height:1.45;font-weight:750;letter-spacing:-.018em;color:#16353e;margin:0 0 19px;max-width:none}
.mini-rows{display:grid;border:1px solid var(--demo-border);border-radius:10px;background:#fff;overflow:hidden}
.mini-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;min-width:0}
.mini-row+.mini-row{border-top:1px solid #dce6e9}
.mini-row>span:first-child{min-width:0;display:grid;gap:4px}
.mini-row strong{font-size:.875rem;line-height:1.4;overflow-wrap:anywhere;font-weight:650}
.mini-row small{font-size:.875rem;line-height:1.5;color:#49636c}
.mini-pill{flex:0 0 auto;max-width:43%;border-radius:5px;padding:4px 7px;background:#e8f0f4;color:#285166!important;font-size:.875rem;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.mini-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px}
.mini-metrics>div{display:grid;gap:10px;border:1px solid var(--demo-border);border-radius:10px;padding:15px 12px;background:white;min-width:0}
.mini-metrics span{font-size:.875rem;line-height:1.5;color:#49636c}
.mini-metrics strong{font-size:1.3rem;line-height:1.4;color:#075b58;overflow-wrap:anywhere;font-weight:750}
.mini-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:9px}
.mini-board>div{border:1px solid var(--demo-border);background:#eaf1f4;border-radius:9px;padding:10px;min-width:0}
.mini-board h4{font-size:.875rem;line-height:1.5;font-weight:650;margin:0 0 12px;letter-spacing:0}
.mini-board p{padding:10px;background:#fff;border:1px solid #d5e2e7;border-radius:6px;font-size:.875rem;line-height:1.55;margin:0;max-width:none;overflow-wrap:anywhere}
.mini-demo .mini-note{font-size:1rem;line-height:1.65;color:#44606a;margin:17px 0 0;max-width:none}
.mini-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--demo-border);background:#edf5f7}
.mini-bottom>small{font-size:.75rem;color:#42616b;line-height:1.6}
.mini-controls{display:flex;align-items:center;gap:6px;margin-left:auto}
.mini-count{min-width:45px;font-size:.8125rem;font-variant-numeric:tabular-nums;text-align:center}
.mini-controls button{width:44px;height:44px;border:1px solid #aac1c8;border-radius:7px;background:#fff;color:#174a58;font-size:1.45rem;line-height:1;cursor:pointer}
.mini-controls button:disabled{color:#7e959d;background:#f0f4f5;border-color:#d0dce0;cursor:default}
.demo-page-example{padding-block:35px 75px;max-width:940px}.demo-page-example>.eyebrow{margin-bottom:20px}
.home-feature-list>.mini-demo{margin-top:8px}.home-delivery-grid .mini-demo{margin-top:26px}
.home-demo-intro{margin-top:28px;max-width:780px;padding-bottom:15px}
.home-contact .mini-demo{max-width:710px;margin:35px auto 0}
.function-tours{padding-block:30px 80px}.function-tour{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:65px;padding-block:52px;border-top:1px solid #365166;scroll-margin-top:110px}
.function-tour-copy h3{font-size:1.8rem;line-height:1.3;margin:14px 0 20px}.function-tour-copy>p:not(.eyebrow){font-size:1rem;line-height:1.85;max-width:470px}.function-tour-copy .text-link{display:inline-flex;margin-top:17px;min-height:44px;align-items:center}
.function-tour-copy .eyebrow{font-size:.8125rem;line-height:1.6;color:#72efcf}
.function-tour:nth-child(even){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}.function-tour:nth-child(even) .function-tour-copy{order:2}.function-tour:nth-child(even) .mini-demo{order:1}
.tour-navigation{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;margin-bottom:30px}.tour-navigation a{padding:10px 15px;border:1px solid #41627a;border-radius:7px;min-height:44px;font-size:.875rem;line-height:1.5}.tour-navigation a:hover{border-color:#5aefca;background:#143a46}
.energy-product-row>.mini-demo{align-self:center}.energy-product-documents>.mini-demo{max-width:730px;margin-top:30px}
.home-proof-heading{font-size:1rem;font-weight:600;line-height:1.6;margin-bottom:16px!important}
@media(max-width:850px){.function-tour,.function-tour:nth-child(even){grid-template-columns:1fr;gap:30px;padding-block:38px}.function-tour:nth-child(even) .function-tour-copy,.function-tour:nth-child(even) .mini-demo{order:initial}.function-tour-copy>p:not(.eyebrow){max-width:650px}}
@media(max-width:600px){.mini-top{padding:13px 12px;gap:8px}.mini-label{font-size:.75rem}.mini-screen{padding:18px 13px;min-height:0}.mini-tabs{gap:2px;padding:8px}.mini-tabs button{flex-direction:column;gap:3px;font-size:.875rem}.mini-row{gap:8px;padding:10px}.mini-bottom{padding:10px 12px}.mini-board{grid-template-columns:1fr}.mini-board>div{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8px;align-items:center}.mini-board h4{margin:0}.mini-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-metrics>div:last-child:nth-child(odd){grid-column:1/-1}.demo-page-example{padding-block:24px 50px}.home-demo-intro{margin-top:22px}.home-contact .mini-demo{margin-top:28px}.function-tour-copy h3{font-size:1.65rem}}
@media(forced-colors:active){.mini-demo,.mini-demo *{border-color:CanvasText!important}.mini-tabs button[aria-selected=true]{outline:2px solid Highlight}}