.eng-section{padding-block:70px}.eng-section h2{font-size:clamp(27px,3vw,42px);line-height:1.15;letter-spacing:-.04em;max-width:820px;margin:12px 0 26px}.eng-section .eng-lead{color:#647267;max-width:690px;margin-bottom:25px}.eng-scenarios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.eng-scenario{display:flex;flex-direction:column;background:#f0f4e9;border:1px solid #dae3d0;border-radius:20px;padding:26px;min-width:0;text-align:start}.eng-scenario .eng-number{font-size:12px;color:#69816b;margin-bottom:30px}.eng-scenario h3{font-size:22px;line-height:1.22;letter-spacing:-.025em;margin:0 0 15px}.eng-scenario p{font-size:14px;line-height:1.65;color:#687568;flex:1}.eng-scenario a{margin-top:22px;font-weight:650;font-size:13px;display:inline-block}.eng-video-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:center}.eng-video-grid video{width:100%;border-radius:20px;background:#193329;aspect-ratio:16/9}.eng-video-grid h2{font-size:34px}.eng-video-grid p,.eng-help p{font-size:14px;color:#637368;line-height:1.7}.eng-video-grid details{font-size:13px;margin-top:18px}.eng-video-grid summary{cursor:pointer;font-weight:650}.eng-video-grid li{margin:10px 0}.eng-help{padding:30px;background:#edf4e5;border-radius:20px;display:flex;justify-content:space-between;align-items:center;gap:25px}.eng-help h2{font-size:26px;margin:0 0 12px}.eng-help p{max-width:640px;margin:0}.eng-help a{flex-shrink:0}.eng-privacy-note{font-size:11px;color:#788276;line-height:1.65;margin:20px 0;max-width:920px}.demo-intro{padding-block:42px 24px}.demo-intro h1{font-size:clamp(30px,3.4vw,48px);line-height:1.08;letter-spacing:-.045em;margin:16px 0}.demo-intro p{max-width:750px;color:#68766c;font-size:15px}.demo-badge{display:inline-block;padding:7px 11px;border:1px solid #c6d9b2;color:#42593e;background:#f2f6e8;border-radius:6px;font-size:11px;font-weight:650;letter-spacing:.025em}.demo-scenarios{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 16px}.demo-scenarios button{background:#fff;border:1px solid #d8e1d3;border-radius:10px;padding:12px 17px;font:inherit;font-size:13px;cursor:pointer;text-align:start}.demo-scenarios button[aria-pressed=true]{background:#d1ee9e;border-color:#8eae67;color:#1c3c2b}.demo-window{display:grid;grid-template-columns:190px minmax(0,1fr);border:1px solid #d2ddd2;border-radius:22px;overflow:hidden;box-shadow:0 15px 40px #1933290c;min-height:670px;background:#f3f6f1}.demo-sidebar{background:#183a2b;color:#fff;padding:28px 15px;display:flex;flex-direction:column;gap:28px}.demo-sidebar strong{font-size:20px;padding:0 10px}.demo-sidebar small{font-size:11px;color:#b5c7b3;padding:0 10px}.demo-sidebar [role=tablist]{display:flex;flex-direction:column;gap:7px}.demo-sidebar button{background:none;border:0;color:#dce8d8;cursor:pointer;font:inherit;font-size:12px;text-align:start;border-radius:9px;padding:12px 11px;overflow-wrap:anywhere}.demo-sidebar button[aria-selected=true]{background:#cfec9c;color:#20412c}.demo-content{padding:27px;min-width:0}.demo-content [hidden],.demo-page [hidden]{display:none!important}.demo-window button:focus-visible,.demo-scenarios button:focus-visible{outline:3px solid #75a867;outline-offset:3px}.demo-content h2{font-size:25px;letter-spacing:-.035em;line-height:1.2;margin:0}.demo-content h3{font-size:15px;margin:0 0 16px}.demo-content p{font-size:13px;line-height:1.65;color:#67736b}.demo-workspace-top{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dce4d8;padding-bottom:18px;margin-bottom:22px}.demo-workspace-top span{font-size:11px;color:#59735d}.demo-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.demo-metric,.demo-card{background:#fff;border:1px solid #dce5d9;border-radius:14px;padding:21px;min-width:0}.demo-metric small{display:block;font-size:11px;color:#6e7f70;margin-bottom:13px}.demo-metric strong{font-size:36px;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.demo-card+.demo-card{margin-top:16px}.demo-table-wrap{overflow-x:auto}.demo-table{width:100%;border-collapse:collapse;font-size:12px;text-align:start}.demo-table th{font-size:10px;text-transform:uppercase;color:#728271;letter-spacing:.04em;font-weight:500}.demo-table td,.demo-table th{padding:14px 12px;border-bottom:1px solid #e7ece4;text-align:start;white-space:nowrap}.demo-table tr:last-child td{border:0}.demo-chip{display:inline-block;color:#356543;background:#eef6e6;border-radius:30px;padding:5px 9px;font-size:11px}.demo-window[data-trunk-down=true] [data-value=trunk_state],.demo-window[data-state=attention] [data-value=open_alerts]{color:#a34327}.demo-window[data-state=attention] .demo-signal{border-color:#ddbda2;background:#fffaf1}.demo-signal{margin-top:20px;border:1px solid #d8e4cc;background:#f3f8e9;border-radius:14px;padding:18px;display:flex;gap:20px;align-items:center;justify-content:space-between}.demo-signal h3{margin:0 0 6px}.demo-signal p{margin:0}.demo-action{background:#224f37;color:#fff;border:0;border-radius:9px;font:inherit;font-size:12px;font-weight:550;padding:11px 15px;cursor:pointer;white-space:normal;flex-shrink:0}.demo-action.secondary{background:#e4edda;color:#355036}.demo-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.demo-operators{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0}.demo-operator{border:1px solid #d6e0cc;border-radius:12px;background:white;padding:15px}.demo-operator strong{display:block;font-size:23px;margin:10px 0}.demo-operator small{font-size:11px;color:#71816e}.demo-operator[data-offline]{opacity:.58;border-style:dashed}.demo-filter{display:flex;gap:8px;align-items:center;font-size:12px}.demo-quality-chart{display:block;width:100%;height:170px;margin:16px 0 6px}.demo-chart-foot{display:flex;justify-content:space-between;font-size:10px;color:#82917d}.demo-incident-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.demo-timeline{list-style:none;padding:0}.demo-timeline li{border-inline-start:2px solid #cfe0be;padding:6px 16px 15px;font-size:12px}.demo-timeline time{font-size:10px;color:#7e8b76;display:block;margin-bottom:5px}.demo-notification{border:1px solid #d9e3d2;border-radius:12px;padding:16px;background:#f3f8ed;margin-top:18px}.demo-notification small{display:block;color:#68805d;margin-bottom:9px;font-size:10px}.demo-notification p{margin:0;color:#284a33}.demo-under{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:25px 0}.demo-under p{font-size:12px;color:#71806a}.demo-page .eng-section{padding-block:40px}.demo-state-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:1000px){.demo-window{grid-template-columns:155px minmax(0,1fr)}.demo-content{padding:20px}.demo-operators{grid-template-columns:repeat(2,minmax(0,1fr))}.eng-video-grid{grid-template-columns:1fr}.eng-scenario{padding:20px}.eng-scenario h3{font-size:19px}.eng-help{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.eng-section{padding-block:45px}.eng-scenarios{grid-template-columns:1fr}.eng-scenario .eng-number{margin-bottom:15px}.demo-window{display:block}.demo-sidebar{padding:13px;gap:12px}.demo-sidebar>small{display:none}.demo-sidebar [role=tablist]{flex-direction:row;overflow:auto;gap:3px}.demo-sidebar button{flex-shrink:0;white-space:nowrap}.demo-content{padding:17px}.demo-metric{padding:14px 10px}.demo-metric strong{font-size:27px}.demo-metric small{font-size:10px}.demo-content h2{font-size:22px}.demo-signal,.demo-under{align-items:flex-start;flex-direction:column}.demo-scenarios{gap:7px}.demo-scenarios button{font-size:12px;flex:1 1 44%;padding:10px}.demo-workspace-top{align-items:flex-start;flex-direction:column}.eng-help{padding:23px}.eng-help a{white-space:normal;text-align:center}.demo-page .nav-links{display:none}.demo-page .nav .btn{display:none}}@media(prefers-reduced-motion:reduce){.demo-page *{scroll-behavior:auto!important;transition:none!important}}
.demo-quality-chart{max-width:544px;height:auto;margin-inline:auto}.demo-chart-foot{width:91.66%;max-width:499px;margin-inline:auto}
.demo-chart-foot,.demo-metric strong{direction:ltr}