.demo-launcher{padding:clamp(20px,4vw,42px);margin-bottom:24px}.demo-launcher h1{font-size:clamp(30px,4vw,44px);line-height:1.12;margin:12px 0}.demo-launcher-lead{font-size:17px;line-height:1.55;max-width:840px}.demo-step-title{display:flex;align-items:center;gap:10px;margin:30px 0 14px;font-size:20px}.demo-step-title>span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#087a34;color:#fff;font-size:15px}.demo-controller-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-controller-card{position:relative;display:flex;min-height:150px;flex-direction:column;gap:7px;padding:18px;border:1px solid #60829c70;border-radius:16px;background:#fff;color:inherit;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.demo-controller-card:hover{border-color:#148447;box-shadow:0 8px 22px #0b452018;transform:translateY(-1px)}.demo-controller-card.active{border:2px solid #087a34;background:#087a340b;box-shadow:0 7px 20px #087a3420;padding:17px}.demo-controller-family{font-size:11px;font-weight:800;letter-spacing:.09em;color:#507064}.demo-controller-card strong{font-size:22px;line-height:1.15}.demo-controller-desc{font-size:14px;line-height:1.4;color:#52606d}.demo-controller-modes{margin-top:auto;padding-top:8px;font-size:11px;font-weight:750;color:#087a34}.demo-controller-selected{position:absolute;right:12px;top:12px;padding:4px 7px;border-radius:999px;background:#087a34;color:#fff;font-size:9px;font-weight:800;letter-spacing:.05em}.demo-selected-row{display:flex;gap:10px;align-items:baseline;margin-top:18px;padding:11px 14px;border-radius:11px;background:#f3f7f4}.demo-selected-row span{font-size:13px;color:#60706a}.demo-selected-row b{font-size:17px}.demo-launcher-modes{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-launcher-modes article{border:1px solid #60829c70;border-radius:16px;padding:24px;display:flex;flex-direction:column;align-items:flex-start}.demo-launcher-modes p{line-height:1.6}.demo-launcher-modes ul{padding-left:20px;line-height:1.9;margin-bottom:24px}.demo-launcher-modes a{margin-top:auto;white-space:normal}.demo-ai-choice{background:#438cc614}.demo-launcher-icon{font-size:32px;color:#45b9b0}.demo-legacy-mode-launcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-legacy-mode-launcher>a{display:flex;flex-direction:column;gap:6px;min-height:96px;padding:18px;border:1px solid #60829c70;border-radius:14px;color:inherit;text-decoration:none;background:#fff}.demo-legacy-mode-launcher>a:hover,.demo-legacy-mode-launcher>a.active{border-color:#087a34;background:#087a340b;box-shadow:0 6px 16px #087a3418}.demo-legacy-mode-launcher b{font-size:17px}.demo-legacy-mode-launcher span{font-size:13px;color:#5c6a64}.demo-open-selected{display:inline-flex;margin-top:16px}.demo-launcher-safe{font-size:14px;line-height:1.6;opacity:.85;margin:24px 0 0}.demo-legacy-visible{scroll-margin-top:18px}.demo-legacy-visible>.demo-intro h1{font-size:24px}.demo-legacy-visible .demo-picker-grid>label:first-child,.demo-legacy-visible .demo-picker-grid>div:nth-child(2){display:none}@media(max-width:1000px){.demo-controller-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.demo-controller-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-legacy-mode-launcher{grid-template-columns:1fr}.demo-launcher-modes{grid-template-columns:1fr}}@media(max-width:470px){.demo-controller-grid{grid-template-columns:1fr}.demo-controller-card{min-height:126px}.demo-launcher-modes article{padding:20px}.demo-selected-row{align-items:flex-start;flex-direction:column;gap:3px}}
@media(max-width:760px){.demo-legacy-visible,.demo-legacy-visible #demoClientPreview,.demo-legacy-visible #demoClientPreview>*{min-width:0!important;max-width:100%!important;width:100%!important}.demo-legacy-visible .client-metrics,.demo-legacy-visible .hero-grid,.demo-legacy-visible .status-zone,.demo-legacy-visible .local-access-grid{grid-template-columns:1fr!important}.demo-legacy-visible .metric-card,.demo-legacy-visible .panel{min-width:0!important;max-width:100%!important}.demo-legacy-visible .detail-row{min-width:0!important;flex-wrap:wrap}.demo-legacy-visible .detail-row>*{min-width:0;overflow-wrap:anywhere}}