.gl-demo-teaser{background:radial-gradient(ellipse at 90% 0,#1677ff26,transparent 60%),#0d2339;padding:76px 0;border-block:1px solid #29435b;color:#f7f9fc}.gl-demo-wrap{width:min(1200px,calc(100% - 64px));margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.gl-demo-wrap>img{display:block;width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;border-radius:20px;border:1px solid #31546d}.gl-demo-tag{font-size:12px;letter-spacing:1.7px;color:#32d5ff;font-weight:700;margin:0 0 20px}.gl-demo-wrap h2{font-size:clamp(30px,3.1vw,44px);line-height:1.15;letter-spacing:-1px;margin:0 0 23px}.gl-demo-wrap p:not(.gl-demo-tag){color:#adc3d8;font-size:17px;line-height:1.8}.gl-demo-link{display:inline-flex;background:#1677ff;border-radius:10px;padding:14px 22px;color:white;font-size:15px;font-weight:700;margin:20px 0 15px}.gl-demo-wrap small{display:block;color:#93aec6;font-size:12px;line-height:1.6}.demo-disclosure{font-size:13px;background:#0f304c;border-left:3px solid #32d5ff;padding:15px 18px;border-radius:0 10px 10px 0}.demo-shell{border:1px solid #35536e;background:#0f263e;border-radius:22px;overflow:hidden;box-shadow:0 25px 70px #0003}.demo-top{display:flex;align-items:center;gap:13px;padding:22px 28px;background:#173752}.demo-badge{margin-left:auto;font-size:10px;letter-spacing:2px;border:1px solid #5c7992;padding:4px 10px;border-radius:6px;color:#b5d1e6}.demo-progress{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;padding:25px 28px;margin:0;gap:12px;border-bottom:1px solid #2b465e}.demo-progress li{font-size:12px;display:flex;gap:9px;align-items:center;color:#8da7be}.demo-progress li>span{display:grid;place-items:center;border:1px solid #4b667d;min-width:25px;height:25px;border-radius:50%}.demo-progress .current{color:#32d5ff}.demo-progress .current>span{background:#1677ff;color:white;border-color:#1677ff}.demo-progress .complete{color:#b6d4dc}.demo-progress .complete>span{background:#155267;border-color:#29a3b9}.demo-columns{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:38px}.demo-control h2{font-size:31px}.demo-control p{font-size:15px}.demo-control label{display:block;color:#bcd1e2;font-size:13px;margin-top:20px}.demo-control select{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #526f88;background:#081c30;border-radius:8px;color:#f7f9fc;font:inherit;min-height:45px}.demo-control fieldset{border:0;margin:22px 0 0;padding:0}.demo-control legend{font-size:13px;color:#bcd1e2;margin-bottom:10px}.slot-choices{display:flex;flex-wrap:wrap;gap:10px}.slot-choices button,#demo-reset{padding:11px 14px;border:1px solid #526f88;color:#e7f3ff;background:#102c44;border-radius:8px;font:inherit;cursor:pointer;font-size:13px}.slot-choices button[aria-pressed=true]{background:#1677ff;border-color:#4eafff;color:white}.slot-choices button:disabled{opacity:.5;cursor:not-allowed;text-decoration:line-through}.demo-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.demo-actions .btn{border:0;cursor:pointer;font-family:inherit}.demo-result{background:#f4f8fb;color:#102d44;border-radius:16px;padding:28px;align-self:start}.demo-result .eyebrow{color:#1478b9}.record-row{display:flex;align-items:start;justify-content:space-between;gap:18px;padding:13px 0;border-bottom:1px solid #d5e1ea;font-size:13px}.record-row span{color:#5a7286}.record-row b{text-align:right;max-width:65%}.record-status{display:inline-block;background:#dceff1;color:#145b68;border:1px solid #acd6dc;padding:5px 10px;border-radius:20px;font-size:12px;margin-bottom:15px}.demo-result .sample-price{font-size:11px;color:#678196;margin:20px 0 0;line-height:1.6}.message-preview{background:#e4eef8;padding:18px;border-left:3px solid #1677ff;border-radius:8px;margin-top:22px;font-size:14px}.message-preview p{color:#446780;font-size:14px;margin:10px 0 0}.demo-metrics{display:grid;grid-template-columns:1fr;gap:10px;margin-top:22px}.demo-metrics>div{padding:15px;background:#e4eef8;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:15px}.demo-metrics b{color:#156bac;font-size:20px}.demo-metrics span{font-size:11px;color:#516e85}.module-list{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.module-list span{border:1px solid #38536e;border-radius:8px;padding:9px 15px;font-size:13px;background:#102b44}.demo-modules .lead{max-width:820px}.demo-control button:focus-visible,.demo-control select:focus-visible{outline:3px solid #32d5ff;outline-offset:4px}[hidden]{display:none!important}
@media(max-width:850px){.gl-demo-wrap{grid-template-columns:1fr;gap:28px}.demo-columns{gap:25px;padding:26px}.demo-progress{gap:8px;padding:20px}.demo-progress li{display:block;font-size:10px;line-height:1.5}.demo-progress li>span{width:25px;margin-bottom:8px}}
@media(max-width:560px){.gl-demo-wrap{width:calc(100% - 40px)}.gl-demo-teaser{padding:48px 0}.demo-columns{grid-template-columns:1fr;padding:22px;gap:28px}.demo-result{padding:22px}.demo-control h2{font-size:28px}.demo-progress{padding:18px 15px;gap:7px}.demo-top{padding:20px}.demo-shell{border-radius:17px}.record-row{font-size:12px}.demo-hero{padding-bottom:36px}}

/* V4 audit refinements */
.newsletter-label{display:block;flex-basis:100%;font-size:14px;color:#c4d4e8}.subscribe-form{flex-wrap:wrap}.subscribe-form input{min-width:0}.hero-demo-cta{border-color:#32d5ff88!important;color:#b8edff!important}.hero .actions{flex-wrap:wrap}.socials{flex-wrap:wrap}.card:focus-within{outline:2px solid #32d5ff;outline-offset:3px}
