.demo-gate{isolation:isolate;padding-block:calc(var(--band-pad-hero) + 96px) var(--band-pad-hero);background:var(--ink);min-block-size:min(88vh,900px);color:var(--paper);border-end-end-radius:var(--radius-xl);border-end-start-radius:var(--radius-xl);align-items:center;margin-block-start:-84px;display:flex;position:relative;overflow:hidden}.demo-gate .mk-button:not(.mk-button--primary):not(.mk-button--gold){color:var(--paper);background:#fbf8f11a;border-color:#fbf8f157}.demo-gate .mk-button:not(.mk-button--primary):not(.mk-button--gold):hover{border-color:var(--paper);background:#fbf8f133}.demo-gate .mk-button--primary{background:var(--paper);border-color:var(--paper);color:var(--ink)}.demo-gate .mk-button--primary:hover{background:var(--gold);border-color:var(--gold)}.demo-gate :focus-visible{outline:var(--focus-ring-dark);outline-offset:var(--focus-offset)}.demo-gate__photo{z-index:-2;object-fit:cover;position:absolute;inset:0}.demo-gate__scrim{z-index:-1;background:linear-gradient(90deg, #071626db 0%, #0716269e 60%, #07162670 100%), var(--scrim-hero);position:absolute;inset:0}.demo-gate__inner{inline-size:100%;position:relative}.demo-gate__card{align-items:flex-start;gap:var(--space-2);inline-size:100%;max-inline-size:640px;padding:var(--space-4);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#071626a8;border:1px solid #fbf8f129;flex-direction:column;display:flex}@media (min-width:768px){.demo-gate__card{padding:var(--space-6)}}.demo-gate__chip{margin-block-start:calc(-1 * var(--space-05))}.demo-gate__title{font-family:var(--font-display);font-weight:var(--weight-display);font-size:var(--display-lg);line-height:var(--leading-display);letter-spacing:var(--track-display);color:var(--paper);text-wrap:balance;margin:0}.demo-gate__body{max-width:54ch;font-size:var(--text-md);line-height:var(--leading-lead);color:var(--paper);margin:0}.demo-gate__bar{border-radius:var(--radius-pill);background:#fbf8f12e;block-size:4px;inline-size:100%;max-inline-size:320px;position:relative;overflow:hidden}.demo-gate__bar-run{border-radius:var(--radius-pill);background:var(--gold);inline-size:40%;animation:demo-gate-run 1.4s var(--ease-settle) infinite;position:absolute;inset-block:0}@keyframes demo-gate-run{0%{transform:translate(-105%)}to{transform:translate(255%)}}.demo-gate__marks{gap:var(--space-1);margin:var(--space-1) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.demo-gate__marks li{min-block-size:44px;padding:8px var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--paper);background:#fbf8f11f;border:1px solid #fbf8f133;align-items:center;gap:.5em;display:inline-flex}.demo-gate__marks svg{color:var(--gold);flex:none}.demo-gate__actions{margin:var(--space-1) 0 0}@media (prefers-reduced-motion:reduce){.demo-gate__bar-run{inline-size:100%;animation:none}}