.demo-page,.demo-case{padding-bottom:80px}.demo-intro{padding:42px 0 40px;max-width:970px}.demo-intro h1,.demo-case-heading h1{font-size:clamp(34px,4.9vw,64px);line-height:1.18;letter-spacing:-.04em;margin:22px 0}.demo-intro h1 em,.demo-case-heading h1 em{font-style:normal;color:#b8edf5}.demo-intro>p,.demo-case-heading>p{font-size:17px;line-height:1.9;max-width:780px;color:#acbed0}.demo-intro-meta{display:flex;gap:14px 25px;flex-wrap:wrap;margin-top:25px;font-size:12px;color:#bdd1e0}.demo-intro-meta>span{border-left:2px solid #8de0d3;padding-left:10px}.demo-intro-meta a{color:#d0f69f}.demo-feature{display:grid;grid-template-columns:1.16fr 1fr;border:1px solid #354858;border-radius:14px;overflow:hidden;background:#101d2b}.demo-feature-image{position:relative;display:block;min-width:0;background:#08131b}.demo-feature-image img{width:100%;height:100%;object-fit:cover;display:block}.demo-feature-image>span{position:absolute;bottom:16px;left:16px;background:#0c1924e8;color:#e0eff3;border:1px solid #536d7e;padding:7px 11px;font:10px/1.4 Consolas,monospace;letter-spacing:1px}.demo-feature-copy{padding:32px}.demo-card-top{display:flex;gap:12px;align-items:center;justify-content:space-between;color:#93b3c7;font-size:10px;letter-spacing:1px}.demo-status{white-space:nowrap;background:#1c3836;border:1px solid #3d6460;color:#b9efcd;padding:4px 8px;border-radius:4px;font-size:10px;letter-spacing:0}.demo-feature h2{font-size:28px;line-height:1.4;margin:20px 0 12px}.demo-feature-copy>p,.demo-card-copy>p{color:#adc0d0;line-height:1.9}.demo-tags{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}.demo-tags span{font-size:11px;padding:5px 8px;background:#192c3c;color:#c2dcec;border:1px solid #355063;border-radius:4px}.demo-capabilities{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;font-size:12px;color:#c1cfdb;margin:23px 0}.demo-capabilities li::before{content:'+';color:#c7f5a4;margin-right:8px}.demo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:24px 0 16px}.demo-actions .button,.demo-case-end .button{font-size:13px;min-height:46px;line-height:1.5;padding:12px 17px;display:inline-flex;align-items:center;gap:12px}.demo-text-link{font-size:13px;color:#bdeef2;line-height:1.7}.demo-feature-copy>small,.demo-card-copy>small{display:block;font-size:11px;line-height:1.8;color:#92aabf}.demo-list-section{padding-top:65px}.demo-section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}.demo-section-heading h2{font-size:28px;margin:9px 0 0}.demo-section-heading>p{color:#a2b5c7;font-size:13px;margin:0;line-height:1.8}.demo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-card{border:1px solid #2e4255;border-radius:12px;overflow:hidden;background:#101b2b}.demo-card-image{display:block;padding:18px;background:#0c1724}.demo-card-image img{display:block;aspect-ratio:16/10;width:100%;height:auto;object-fit:contain;border-radius:5px;background:#132233}.demo-card-copy{padding:25px}.demo-card h3{font-size:22px;margin:20px 0 10px}.demo-card-copy>p{font-size:14px;min-height:52px}.demo-card-copy>.demo-text-link{display:flex;justify-content:space-between;border-top:1px solid #304352;padding-top:16px;margin-top:20px}.demo-editor-note{margin-top:52px;padding:30px;border-left:3px solid #c2ef9c;background:#101e2c}.demo-editor-note h2{font-size:22px;margin:10px 0}.demo-editor-note p{color:#b5c6d3;line-height:1.9;max-width:950px;margin-bottom:0}.demo-editor-note a{color:#cef1a4;text-decoration:underline;text-underline-offset:4px}
.demo-spotlight{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:34px;background:#0e1b2b;border:1px solid #324657;border-radius:12px;margin-top:48px;margin-bottom:40px}.demo-spotlight-copy{min-width:0}.demo-spotlight h2{font-size:clamp(24px,2.6vw,34px);line-height:1.4;margin:16px 0;color:#ebf5fc}.demo-spotlight p{color:#acbfce;font-size:14px;line-height:1.9}.demo-spotlight .button{background:#c9f4a3;border-color:#c9f4a3;color:#14261c}.demo-spotlight-image{position:relative;display:block;overflow:hidden;border:1px solid #475c68;border-radius:7px;background:#0b1c24}.demo-spotlight-image img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.demo-spotlight-image>span{display:block;padding:16px;background:#101d2b;color:#eff6fb}.demo-spotlight-image b{display:block;font:10px/1.5 Consolas,monospace;color:#a8daef;letter-spacing:1px}.demo-spotlight-image strong{display:block;margin:7px 0;font-size:18px}.demo-spotlight-image small{color:#9bafbf;font-size:11px}
.demo-case>.breadcrumb{padding-top:34px}.demo-case-heading{padding:22px 0 28px}.demo-case-heading h1{font-size:clamp(34px,4vw,56px)}.demo-case-heading h1 em{font-size:.75em}.demo-case-heading .demo-boundary{font-size:12px;color:#9aafc0}.demo-case-cover{margin:0;border:1px solid #354957;border-radius:12px;padding:12px;background:#101b29}.demo-case-cover img{display:block;width:100%;height:auto;max-height:640px;object-fit:cover;border-radius:6px}.demo-case-cover figcaption{padding:13px 8px 3px;font-size:12px;line-height:1.7;color:#9eb3c6}.demo-case-cover a{color:#bae2f0;text-decoration:underline;text-underline-offset:3px}.demo-quickstart{margin:46px 0 65px;display:grid;grid-template-columns:1fr 1.2fr;gap:38px;padding:30px;border:1px solid #324858;background:#101f2d;border-radius:10px}.demo-quickstart h2{font-size:26px;margin:12px 0}.demo-quickstart p{font-size:14px;line-height:1.9;color:#a9bfce}.demo-quickstart ol{margin:0;padding-left:25px;display:grid;gap:17px}.demo-quickstart li{padding-left:8px;color:#c7f3a3}.demo-quickstart li b{display:block;color:#e3eef4;font-size:14px;margin-bottom:5px}.demo-quickstart li span{display:block;font-size:13px;color:#adbdcc;line-height:1.8}.demo-engineering-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-engineering-grid article{border-top:2px solid #80c3d0;background:#101b2b;padding:28px}.demo-engineering-grid article>span{font:10px/1.6 Consolas,monospace;letter-spacing:1.3px;color:#95d2de}.demo-engineering-grid h3{font-size:21px;margin:18px 0 12px}.demo-engineering-grid p{line-height:1.9;color:#b2c2d1;font-size:14px}.demo-engineering-grid small{color:#9fc99d;line-height:1.8;display:block;font-size:12px}.demo-evidence{display:grid;grid-template-columns:1.4fr 1fr;gap:42px;margin:58px 0;padding:34px;background:#142a2d;border:1px solid #3a5d5d;border-radius:10px}.demo-evidence h2{font-size:25px;line-height:1.4;margin:13px 0}.demo-evidence p{font-size:14px;line-height:1.9;color:#b7cbd2}.demo-evidence strong{color:#d8fca9}.demo-command{padding:24px;background:#08151b;border:1px solid #31494d;border-radius:8px;min-width:0}.demo-command>span{font:11px Consolas,monospace;letter-spacing:1px;color:#94bcbf}.demo-command code{display:block;font:14px/2 Consolas,monospace;color:#d2eabb;margin:18px 0;overflow-wrap:anywhere}.demo-command a{font-size:12px;color:#bddaf0}.demo-scope h2{font-size:25px}.demo-scope>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.demo-scope p{font-size:13px;line-height:1.9;color:#aebfd0}.demo-scope b{display:block;font-size:14px;color:#ecf5fb;margin-bottom:9px}.demo-case-end{display:flex;gap:25px;flex-wrap:wrap;align-items:center;border-top:1px solid #314556;padding-top:30px;margin-top:40px}
@media(max-width:900px){.demo-feature{grid-template-columns:1fr}.demo-feature-image img{height:auto;max-height:450px}.demo-spotlight{gap:24px;padding:26px}.demo-feature-copy{padding:28px}.demo-quickstart,.demo-evidence{gap:25px}.demo-scope>div{grid-template-columns:1fr;gap:0}.demo-section-heading{align-items:start;flex-direction:column;gap:15px}}
@media(max-width:620px){.demo-intro{padding-top:25px}.demo-intro h1{font-size:34px}.demo-intro>p,.demo-case-heading>p{font-size:15px}.demo-intro-meta{gap:13px;font-size:11px}.demo-feature-copy{padding:21px}.demo-feature h2{font-size:24px}.demo-capabilities{grid-template-columns:1fr;font-size:12px;gap:8px}.demo-grid,.demo-engineering-grid,.demo-spotlight,.demo-quickstart,.demo-evidence{grid-template-columns:1fr}.demo-card-copy{padding:21px}.demo-card h3{font-size:21px}.demo-card-top{letter-spacing:0;font-size:10px;gap:8px}.demo-card-image{padding:12px}.demo-editor-note{padding:23px}.demo-spotlight{padding:22px;gap:18px}.demo-spotlight-image strong{font-size:16px}.demo-actions{gap:12px}.demo-actions .button{padding:11px 13px;font-size:12px}.demo-section-heading h2{font-size:25px}.demo-quickstart,.demo-evidence{padding:23px;margin:32px 0}.demo-engineering-grid article{padding:23px}.demo-evidence h2{font-size:23px}.demo-case-cover{padding:8px}.demo-case-cover figcaption{font-size:11px}.demo-case-heading h1{font-size:36px;line-height:1.35}.demo-case-end{gap:19px}}
.demo-code{margin:0 0 48px;padding:22px 26px;background:#0d1c2a;border:1px solid #385267;border-radius:9px;min-width:0}.demo-code summary{cursor:pointer;font-size:15px;color:#d4eef7;font-weight:600}.demo-code p{font-size:13px;line-height:1.9;color:#a8bdcf}.demo-code pre{max-width:100%;overflow:auto;padding:22px;background:#070f18;border:1px solid #294152;color:#c6e5c0;font:12px/1.85 Consolas,monospace;tab-size:2}.demo-code-note{display:block;font-size:11px;color:#9bb8c8;line-height:1.8}