.intro-modal-overlay{z-index:1000;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.intro-modal-overlay .intro-modal{border:2px solid #fff;border-radius:12px;flex-direction:column;align-items:flex-start;gap:1.5rem;width:90%;max-width:480px;padding:3rem 2.5rem;display:flex}.intro-modal-overlay .intro-modal h2{color:#fff;margin:0;font-family:Kabel Black,serif;font-size:1.75em}.intro-modal-overlay .intro-modal ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.intro-modal-overlay .intro-modal ul li{color:#ffffffb3;padding-left:1.25rem;font-size:.95rem;line-height:1.4em;position:relative}.intro-modal-overlay .intro-modal ul li:before{content:"▸";color:#ffffff59;position:absolute;left:0}.intro-modal-overlay .intro-modal .intro-tips{flex-direction:column;gap:.75rem;width:100%;display:flex}.intro-modal-overlay .intro-modal .intro-tips p{color:#fff;text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.85rem;text-decoration:underline}.intro-modal-overlay .intro-modal .intro-tips ul{gap:.75rem}.intro-modal-overlay .intro-modal .intro-tips ul li{color:#fff;font-size:1rem}.intro-modal-overlay .intro-modal .intro-tips ul li:before{color:#00ffe5}.intro-modal-overlay .intro-modal .intro-tips ul li.mic-pending{color:#ff0}.intro-modal-overlay .intro-modal .intro-tips ul li.mic-denied{color:#f44}.intro-modal-overlay .intro-modal .intro-tips ul li.mic-granted{color:#00ffe5}.intro-modal-overlay .intro-modal .intro-feature-list{border-top:1px solid #ffffff26;width:100%;padding-top:1.25rem}.intro-modal-overlay .intro-modal button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;padding:12px 40px;font-family:Kabel Black,serif;font-size:1.2rem}.intro-modal-overlay .intro-modal button:hover{background:#ffffff1a}.end-modal-overlay{z-index:1000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.end-modal-overlay .end-modal{text-align:center;background:linear-gradient(#0d0d0d,#0d0d0d) padding-box padding-box,linear-gradient(90deg,#00ffe5,#ff006b,#ff0) border-box;border:3px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem 2.5rem;display:flex}.end-modal-overlay .end-modal p{color:#f90;text-shadow:0 0 12px #ff990080;margin:0;padding:12px 0;font-family:Kabel Black,serif;font-size:1.2rem;line-height:1.5}.end-modal-overlay .end-modal button{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;border-radius:0;padding:8px 20px;font-family:Kabel Black,serif;font-size:1rem}.end-modal-overlay .end-modal button:hover{background:#ffffff1a}.demo-gate{flex-direction:column;align-items:flex-start;max-width:1200px;margin:0 auto;padding:4rem 1.75rem 1.75rem;display:flex}.demo-gate .gate-header{gap:1.5rem;width:100%;display:flex}@media (max-width:1024px){.demo-gate .gate-header{flex-direction:column}}.demo-gate .gate-header-copy{flex-direction:column;width:40%;margin-bottom:2rem;display:flex}@media (max-width:1024px){.demo-gate .gate-header-copy{width:100%;margin-bottom:0}}.demo-gate .gate-header-tags{width:60%}.demo-gate .brand{font-family:Kabel Black,serif;font-size:2rem}.demo-gate .brand a{color:inherit;text-decoration:none}.demo-gate .brand-demo{height:auto}.demo-gate .gate-tagline{letter-spacing:.1em;text-transform:uppercase;color:#ffffff73;margin:0;font-family:IBM Plex Mono,monospace;font-size:.85rem}.demo-gate .highlight-yellow{color:#ff0}.demo-gate h2{margin-top:.5rem;margin-bottom:1rem;font-size:2rem}.demo-gate h4{margin-top:0;margin-bottom:0;line-height:1.4em}.demo-gate p{color:#fff}.demo-gate .demo-song{color:#aaa;margin:0 0 2.5rem;font-size:.95rem}.demo-gate .demo-song em{color:#fff;font-style:normal}.demo-gate .demo-pills{gap:.75rem;margin-top:.5rem;display:flex}@media (min-width:768px) and (max-width:1024px){.demo-gate .demo-pills{flex-flow:wrap}}@media (max-width:600px){.demo-gate .demo-pills{flex-direction:column}}@media (max-width:1024px){.demo-gate .demo-pills{margin-top:0}}.demo-gate .pill{letter-spacing:.08em;text-transform:uppercase;border-left:3px solid;padding:.6rem 1.25rem;font-family:IBM Plex Mono,monospace;font-size:1rem;font-weight:700}.demo-gate .pill.pill-cyan{color:#00ffe5;border-color:#00ffe5}.demo-gate .pill.pill-magenta{color:#ff006b;border-color:#ff006b}.demo-gate .pill.pill-yellow{color:#ff0;border-color:#ff0}.demo-gate .song-picker{width:100%;margin-top:1rem}.demo-gate .song-picker .song-picker-label{margin:0 0 .75rem;font-family:Kabel Black,serif;font-size:1.35rem}.demo-gate .song-picker .song-cards{flex-wrap:wrap;gap:1rem;display:flex}.demo-gate .song-card{cursor:pointer;text-align:left;color:#fff;background:0 0;border:1px solid #ffffff80;border-radius:8px;flex-direction:column;flex:1;align-items:flex-start;gap:.35rem;width:50%;min-width:200px;padding:1rem 1.25rem;transition:border-color .15s,background .15s;display:flex}.demo-gate .song-card:hover:not(.browser-blocked){background:#ffffff0a;border-color:#00ffe5}.demo-gate .song-card.selected{background:#00ffe50f;border-width:2px;border-color:#00ffe5}.demo-gate .song-card.browser-blocked{opacity:.4;cursor:default}.demo-gate .song-card .song-card-title{color:#00ffe5;font-family:Kabel Black,serif;font-size:1.05rem}.demo-gate .song-card .song-card-subtitle{color:#fffc;font-size:1.1rem}.demo-gate .song-card .song-card-meta{align-items:center;gap:2.5rem;margin-top:.25rem;display:flex}.demo-gate .song-card .song-card-duration{color:#fffc;text-transform:uppercase;letter-spacing:.06em;font-family:IBM Plex Mono,monospace;font-size:1.2rem}.demo-gate .song-card .song-card-price{color:#fff;font-family:IBM Plex Mono,monospace;font-size:1.25rem;font-weight:700}.demo-gate .select-prompt{color:#fff6}.demo-gate .demo-options{border-bottom:1px solid #ffffff26;flex-wrap:wrap;justify-content:flex-start;align-items:normal;gap:2rem;width:100%;margin-top:1rem;padding-top:2rem;padding-bottom:2rem;display:flex}.demo-gate .demo-option{background:#00000026;border-left:3px solid #0000;border-radius:16px;flex-direction:column;flex-basis:100%;justify-content:flex-start;align-items:flex-start;gap:.75rem;padding:1.5rem 1.5rem 1.5rem 1.25rem;display:flex}.demo-gate .demo-option.browser-blocked{opacity:.5;pointer-events:none;filter:grayscale()}.demo-gate .demo-option h3{margin:0;font-family:Kabel Black,serif;font-size:1.35rem}.demo-gate .demo-option .option-price{color:#f90;margin:0;font-size:1.1rem}.demo-gate .demo-option input{width:100%;color:inherit;background:0 0;border:1px solid #fff;border-radius:4px;outline:none;padding:10px;font-size:1rem}.demo-gate .demo-option input::placeholder{color:#fff9}.demo-gate .demo-option input:focus{border-color:#00f7ff}.demo-gate .hero-option{background:0 0;padding-top:0}.demo-gate .code-option{background:#ff006b0a;border-left-color:#ff006b}.demo-gate .code-option .demo-btn:hover{color:#ff006b;background:#ff006b1a;border-color:#ff006b}@media (min-width:768px) and (max-width:1024px){.demo-gate .code-option,.demo-gate .lightning-option{flex:1 1 0}}@media (min-width:1025px){.demo-gate .demo-option{flex:1 1 0}}.demo-gate .lightning-option{text-align:left;background:#ffff000a;border-left-color:#ff0}.demo-gate .lightning-option h3 i{font-size:.8em;font-style:normal}.demo-gate .lightning-option-content{flex-direction:row;align-items:center;gap:.75rem;display:flex}.demo-gate .lightning-option-details{flex-direction:column;gap:.75rem;width:100%;display:flex}.demo-gate .demo-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff;width:100%;margin-top:10%;padding:10px 32px;font-family:Kabel Black,serif;font-size:1.1rem}.demo-gate .demo-btn:hover{background:#ffffff1a}.demo-gate .demo-divider{color:#fff;align-items:center;font-size:2rem;display:flex}.demo-gate .invoice-display{flex-direction:column;align-items:center;gap:.5rem;display:flex}.demo-gate .waiting{color:#ff0;font-size:.9rem}.demo-gate .success{color:#00f7ff;font-size:1rem}.demo-gate .demo-error{color:#f44;font-size:1rem}.demo-gate .browser-notice{text-align:left;letter-spacing:.05em;color:#fff;border:1px solid #fff;border-radius:8px;width:100%;margin-top:1.25rem;margin-bottom:0;margin-left:0;padding:1rem 1.25rem;font-family:IBM Plex Mono,monospace;font-size:1.1rem;font-weight:700;line-height:1.7}.demo-gate .browser-notice strong{color:#fff}