:root{--demo-toolbar-h:62px}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0}
body.aiq-demo-shell{overflow:hidden;background:#020d1a;color:#fff;font-family:"Poppins",Arial,sans-serif;-webkit-font-smoothing:antialiased}
.aiq-demo-shell .h01-nav::before{border-bottom-color:rgba(73,174,218,.3);background:rgba(2,17,34,.92);box-shadow:0 10px 35px rgba(0,8,20,.24);-webkit-backdrop-filter:blur(18px) saturate(1.15);backdrop-filter:blur(18px) saturate(1.15)}
.aiq-demo-stage{display:grid;width:100%;height:100svh;grid-template-rows:var(--demo-toolbar-h) minmax(0,1fr);padding-top:var(--h01-nav-h)}
.aiq-demo-toolbar{position:relative;z-index:5;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;border-bottom:1px solid rgba(46,153,209,.32);padding:0 max(24px,7.5vw);background:linear-gradient(90deg,#03172c,#06223b 52%,#03172c);box-shadow:0 8px 24px rgba(0,5,14,.24)}
.aiq-demo-toolbar a{text-decoration:none}
.aiq-demo-back{display:inline-flex;align-items:center;gap:8px;color:#dceaf5;font-size:.76rem;font-weight:700;white-space:nowrap}.aiq-demo-back span{color:var(--demo-accent);font-size:1.05rem}
.aiq-demo-identity{min-width:0}.aiq-demo-identity span,.aiq-demo-identity strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aiq-demo-identity span{color:var(--demo-accent);font-size:.58rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.aiq-demo-identity strong{margin-top:2px;color:#fff;font-size:.88rem}
.aiq-demo-actions{display:flex;align-items:center;gap:8px}.aiq-demo-actions a,.aiq-demo-actions button{display:inline-flex;min-height:34px;align-items:center;justify-content:center;border:1px solid rgba(78,174,227,.42);border-radius:6px;padding:7px 12px;background:#071b2d;color:#dceaf5;font:700 .65rem/1 "Poppins",Arial,sans-serif;cursor:pointer;white-space:nowrap;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.aiq-demo-actions a:first-child{border-color:color-mix(in srgb,var(--demo-accent) 58%,#245270);color:#fff}.aiq-demo-actions a:hover,.aiq-demo-actions button:hover,.aiq-demo-actions a:focus-visible,.aiq-demo-actions button:focus-visible{border-color:var(--demo-accent);background:#0b2a45;color:#fff;outline:0}
.aiq-demo-frame{position:relative;min-height:0;overflow:hidden;background:#010912}
.aiq-demo-frame iframe{display:block;width:100%;height:100%;border:0;background:#010912;opacity:0;transition:opacity .22s ease}
.aiq-demo-frame.is-ready iframe{opacity:1}
.aiq-demo-loading{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:radial-gradient(circle at 50% 40%,rgba(13,74,115,.34),transparent 38%),#020d1a;color:#dceaf5;transition:opacity .2s ease,visibility .2s ease}.aiq-demo-loading span{width:38px;height:38px;border:3px solid rgba(70,176,231,.2);border-top-color:var(--demo-accent);border-radius:50%;animation:aiqDemoSpin .8s linear infinite}.aiq-demo-loading strong{font-size:.78rem}.aiq-demo-frame.is-ready .aiq-demo-loading{visibility:hidden;opacity:0;pointer-events:none}
@keyframes aiqDemoSpin{to{transform:rotate(360deg)}}
@media(max-width:980px){:root{--demo-toolbar-h:58px}.aiq-demo-toolbar{gap:14px;padding-inline:18px}.aiq-demo-identity span{display:none}.aiq-demo-actions a:first-child{display:none}}
@media(max-width:700px){:root{--demo-toolbar-h:94px}.aiq-demo-toolbar{grid-template-columns:auto minmax(0,1fr);grid-template-rows:46px 40px;gap:0 12px;padding:4px 14px}.aiq-demo-back{grid-column:1;grid-row:1}.aiq-demo-identity{grid-column:2;grid-row:1}.aiq-demo-actions{display:grid;width:100%;min-width:0;grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}.aiq-demo-actions a,.aiq-demo-actions button{width:100%;min-width:0;padding-inline:8px}.aiq-demo-actions a:first-child{display:none}}
@media(max-width:460px){.aiq-demo-identity strong{font-size:.77rem}.aiq-demo-back{font-size:.66rem}}
@media(prefers-reduced-motion:reduce){.aiq-demo-frame iframe,.aiq-demo-loading{transition:none}.aiq-demo-loading span{animation-duration:1.6s}}