.demo-page{background:#0b1214;color:#e6eee7}.demo-intro{padding:110px 6% 26px;max-width:1100px}.demo-intro h1{font:clamp(38px,4.5vw,62px)/1.05 Georgia,serif;letter-spacing:-1.5px;margin:15px 0}.demo-intro h1 em{font-style:normal;color:#afc9bd}.demo-intro>p{font-size:15px;line-height:1.7;color:#b5c7c1;max-width:65ch}.demo-intro .demo-disclosure{font-size:11px;color:#8da69d}.demo-console{margin:0 5% 45px;border:1px solid #3f5652;background:#0e191b}.demo-top{display:flex;align-items:center;gap:22px;padding:18px 24px;border-bottom:1px solid #354845}.demo-top label{font:10px monospace;letter-spacing:1px;color:#a7c4b6;flex:1}.demo-top select{display:block;margin-top:8px;width:100%;max-width:350px;border:1px solid #526c64;background:#101f21;color:#ecf2e9;padding:12px;font:14px sans-serif;border-radius:0}.demo-top button,.demo-cut-switch button,.demo-actions>button:not(.engine-primary),.demo-record button{background:transparent;border:1px solid #52776b;color:#c0e0d1;padding:12px 15px;font:12px sans-serif;cursor:pointer}.sim-badge{font:9px monospace;letter-spacing:1px;color:#d8c69e;border:1px solid #675d43;padding:8px}.demo-steps{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #354845}.demo-steps button{padding:18px 12px;border:0;border-right:1px solid #354845;background:transparent;color:#a8c1b5;font:10px monospace;cursor:pointer}.demo-steps span{margin-left:10px;font:13px sans-serif}.demo-steps [aria-current]{background:#233e37;color:#fff;box-shadow:inset 0 -2px #a7d2cc}.demo-page button:disabled{opacity:.4;cursor:not-allowed}.demo-body{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:28px;align-items:start}.demo-picture{position:relative;min-width:0}.demo-picture>img{width:100%;aspect-ratio:1.18;object-fit:cover;display:block}.demo-picture>video{display:block;width:100%;aspect-ratio:16/9;background:#050909}.demo-picture>[hidden],.demo-cut-switch[hidden],.demo-actions>[hidden]{display:none}.demo-picture-caption{padding:18px 0}.demo-picture-caption>span{display:block;font:9px monospace;letter-spacing:1px;color:#83b2a1}.demo-picture-caption strong{display:block;font:25px Georgia,serif;margin-top:10px;font-weight:normal}.demo-picture>p{font-size:11px;line-height:1.7;color:#8aa79b}.demo-cut-switch{display:flex;gap:8px}.demo-cut-switch button{flex:1}.demo-cut-switch [aria-pressed=true]{background:#244a3f;border-color:#8fc7b5;color:#fff}.demo-work{min-width:0}.demo-work h2{font:clamp(29px,3vw,40px)/1.12 Georgia,serif;margin:16px 0;color:#e6eee0;letter-spacing:-.6px}.demo-work p{font-size:14px;line-height:1.8;color:#b9cbc2}.demo-work .demo-small{font-size:12px;color:#8da89b}.demo-evidence{padding:18px;border-left:2px solid #72ae9b;background:#142725;margin:22px 0}.demo-evidence>span,.demo-time,.demo-scripted,.demo-record>span{font:10px monospace;letter-spacing:.5px;color:#b8d9ca}.demo-evidence p{margin:10px 0 0;font-size:13px}.demo-evidence summary{font-size:12px;cursor:pointer;color:#c2dccf}.demo-time{padding:12px 0}.demo-time span{margin-left:14px;color:#9fae9e}.demo-choices{display:grid;gap:12px;margin:20px 0}.demo-choices button{padding:18px;text-align:left;background:#152527;border:1px solid #4d6d60;color:#d4e2d8;font:14px/1.5 sans-serif;cursor:pointer}.demo-choices button[aria-pressed=true]{background:#294c3f;border-color:#b9d6c4}.demo-choice-detail{font-size:12px;color:#a4bdad}.demo-choice-detail strong{font-size:13px;color:#d4dfcf}.demo-compare{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;gap:12px}.demo-compare>div{padding:16px;border:1px solid #4a6258}.demo-compare span{font:9px monospace;color:#9bc6b3}.demo-record{border:1px solid #4c665a;padding:20px;margin-top:20px}.demo-record dl>div{border-bottom:1px solid #334a3d;padding:12px 0}.demo-record dt{font-size:10px;color:#85a594}.demo-record dd{margin:8px 0 0;font-size:13px;line-height:1.7;color:#d0dfd2}.demo-record>p{font-size:11px}.demo-actions{display:flex;gap:12px;margin-top:22px}.demo-actions .engine-primary{cursor:pointer}.demo-bottom{display:flex;justify-content:space-between;padding:16px 25px;border-top:1px solid #354845;font:10px/1.6 monospace;color:#94afa1}.demo-close{padding:0 6% 60px}.demo-close h2{font:34px Georgia,serif}.demo-close p{font:14px/1.8 sans-serif;color:#a7beaf}.demo-close>a:last-child{margin-left:22px;color:#b8d5c4;font-size:13px}.demo-page button:focus-visible,.demo-page select:focus-visible{outline:2px solid #d2e7d9;outline-offset:4px}#demo-feedback{font:12px/1.7 sans-serif;color:#c6e3d1}#demo-heading:focus{outline:none}
@media(max-width:700px){.demo-intro{padding:95px 20px 20px}.demo-intro h1{font-size:36px}.demo-intro>p{font-size:14px}.demo-console{margin:0 12px 30px}.demo-top{padding:14px;gap:12px;flex-wrap:wrap}.demo-top label{flex:1 0 100%}.demo-top select{max-width:none}.demo-top button{padding:9px 12px}.demo-steps button{padding:13px 3px;font-size:9px}.demo-steps span{display:block;font-size:10px;margin:6px 0 0}.demo-body{grid-template-columns:minmax(0,1fr);padding:15px;gap:12px}.demo-picture>img{aspect-ratio:1.9}.demo-picture-caption{padding:12px 0}.demo-picture-caption strong{font-size:22px}.demo-picture>p{margin:6px 0}.demo-work h2{font-size:29px}.demo-work>p.engine-kicker{margin:12px 0}.demo-evidence{margin:16px 0;padding:14px}.demo-actions{flex-wrap:wrap}.demo-actions button{font-size:12px}.demo-compare{grid-template-columns:1fr}.demo-bottom{gap:12px;padding:12px;font-size:9px}.demo-bottom span:last-child{max-width:170px}.demo-close{padding:0 20px 40px}.demo-close h2{font-size:29px}.demo-close>a:last-child{display:block;margin:20px 0}.demo-record{padding:15px}}
.demo-intro{padding-top:100px;padding-bottom:18px}.demo-intro h1{font-size:clamp(34px,3.4vw,47px);margin:12px 0}.demo-intro h1 br{display:none}.demo-intro h1 em:before{content:' '}.demo-intro>p{max-width:90ch}.demo-intro .demo-disclosure{max-width:100ch}
@media(max-width:700px){.demo-intro{padding-top:90px}.demo-intro h1{font-size:32px}.demo-intro h1 br{display:block}.demo-intro h1 em:before{content:none}}
#demo-heading{scroll-margin-top:105px}