/* Real recordings and screenshots supplied by the owner. */
.module-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;margin-top:21px}
.demo-button,.screen-button{font:inherit;font-size:.8125rem;cursor:pointer}
.demo-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:43px;padding:10px 14px;background:#ffffff0d;color:#fff;border:1px solid #ffffff30;border-radius:8px;backdrop-filter:blur(12px);transition:background .2s,border-color .2s}
.demo-button:hover{background:#ff2a6d22;border-color:#ff6b9b}
.play-icon{color:#ff80aa;font-size:.75rem}.demo-duration{padding-left:10px;border-left:1px solid #ffffff26;color:#c5c8d4;font-variant-numeric:tabular-nums}
.screen-button{min-height:40px;padding:4px 0;color:#d1d4e0;border:0;background:none;transition:color .2s}.screen-button:hover{color:#ff90b1}
.module-card.module-photo:has(.module-actions){min-height:435px}
.module-card.module-photo:has(.module-actions):after{background:linear-gradient(0deg,#0b0d14 0%,#0b0d14ef 20%,#0b0d148a 60%,#0b0d1400 100%)}
.module-grid[data-expanded='true'] .module-photo:last-child:nth-child(even){grid-column:span 6;min-height:390px}
.interface-section{padding-top:5px}
.interface-showcase{overflow:hidden;border:1px solid #ffffff20;border-radius:18px;background:#121318;box-shadow:0 30px 90px #0004,0 0 80px #ff2a6d05}
.interface-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 25px;background:linear-gradient(100deg,#251620,#18191f);border-bottom:1px solid #ffffff0c}
.interface-label{display:flex;align-items:center;gap:10px;color:#c8c8d4;font-size:.6875rem;letter-spacing:1.5px;font-weight:700}.status-dot{width:6px;height:6px;flex-shrink:0;background:#ff568b;border-radius:50%;box-shadow:0 0 12px #ff2a6d80}
.interface-platform{font-size:.75rem;color:#999daa}
.screenshot-picker{display:flex;flex-wrap:wrap;gap:8px;padding:19px 24px;border-bottom:1px solid #ffffff0c}
.screenshot-picker button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:41px;padding:9px 16px;font:inherit;font-size:.8125rem;color:#b6bacb;background:#ffffff03;border:1px solid #ffffff13;border-radius:7px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}
.screenshot-picker button:hover{color:#fff;border-color:#ff2a6d66}.screenshot-picker button[aria-pressed='true']{color:#fff;background:#ff2a6d19;border-color:#ff2a6d80}
.screenshot-picker button span{color:#ff91b3;font-size:.5625rem;letter-spacing:.4px}
.interface-preview{position:relative;display:block;width:calc(100% - 48px);margin:0 24px;aspect-ratio:1903 / 1011;padding:0;overflow:hidden;border:1px solid #ffffff12;border-radius:9px;background:#0d0e10;cursor:zoom-in}
.interface-preview img{display:block;width:100%;height:100%;object-fit:contain}
.image-expand{position:absolute;right:16px;bottom:16px;display:inline-flex;gap:9px;align-items:center;padding:9px 13px;border:1px solid #ffffff30;border-radius:7px;color:#eee;font:500 .75rem Arial,sans-serif;background:#15151ee8;box-shadow:0 5px 20px #0005;transition:background .2s}.image-expand>span{font-size:19px;line-height:1}.interface-preview:hover .image-expand{background:#a91d4b}
.interface-caption{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px;min-height:117px}.interface-caption h3{font:700 1rem/1.4 Unbounded,Arial,sans-serif;margin:0 0 8px}.interface-caption p{font-size:.875rem;line-height:1.65;color:#aeb2c3;margin:0;max-width:740px}.interface-counter{white-space:nowrap;font-size:.75rem;letter-spacing:2px;color:#ff8aaf;font-variant-numeric:tabular-nums}
body.media-open{overflow:hidden}
.media-dialog{width:min(1120px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 32px);padding:0;margin:auto;border:1px solid #ffffff28;border-radius:16px;color:#fff;background:#131419;box-shadow:0 40px 150px #000a;overflow:auto;overscroll-behavior:contain;color-scheme:dark}
.media-dialog::backdrop{background:#040509df;backdrop-filter:blur(10px)}
.media-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 25px}.media-dialog-header .eyebrow{color:#ff8ab1;font-size:.625rem;letter-spacing:1.5px;margin:0 0 9px}.media-dialog-header h2{font:700 clamp(.9375rem,2vw,1.3rem)/1.45 Unbounded,Arial,sans-serif;letter-spacing:-.3px;margin:0}
.media-close{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:8px;background:#ffffff05;color:#fff;font:28px/1 Arial,sans-serif;cursor:pointer}.media-close:hover{background:#ff2a6d26;border-color:#ff2a6d80}
.media-dialog video{display:block;width:100%;height:auto;max-height:calc(100dvh - 190px);aspect-ratio:16/9;background:#050608}
.media-dialog-note{margin:0;padding:17px 25px;font-size:.8125rem;line-height:1.65;color:#999fb1}
.video-error{padding:16px 25px;margin:0;font-size:.875rem;line-height:1.7;color:#ffc2d5}.video-error a{color:inherit;text-decoration:underline}
.screenshot-dialog{width:min(1500px,calc(100% - 40px))}.screenshot-viewport{max-height:calc(100dvh - 180px);overflow:auto;background:#0d0e10;overscroll-behavior:contain}.screenshot-viewport img{display:block;width:100%;min-width:1000px;height:auto}.screenshot-dialog .media-dialog-note{display:none}
.demo-button:focus-visible,.screen-button:focus-visible,.screenshot-picker button:focus-visible,.interface-preview:focus-visible,.media-close:focus-visible,.screenshot-viewport:focus-visible{outline:2px solid #ff9abd;outline-offset:4px}
@media(max-width:1100px){.nav-links{gap:0}.nav-links a{padding-inline:8px}.module-actions{gap:8px 14px}.module-card.module-photo:has(.module-actions){min-height:430px}}
@media(max-width:800px){.interface-section{padding-top:0}.screenshot-picker{padding:17px}.interface-preview{margin-inline:17px;width:calc(100% - 34px)}.interface-toolbar,.interface-caption{padding:20px}.module-actions{gap:8px 15px}.demo-button{padding-inline:11px}.screenshot-dialog .media-dialog-note{display:block}}
@media(max-width:640px){.module-grid[data-expanded='true'] .module-photo:last-child:nth-child(even){grid-column:span 12}.interface-toolbar{padding:17px}.interface-platform{display:none}.interface-label{font-size:.625rem;letter-spacing:1px}.screenshot-picker{gap:7px;padding:15px}.screenshot-picker button{flex:1 1 calc(33.333% - 7px);padding:10px 6px;font-size:.75rem;white-space:nowrap}.interface-preview{margin-inline:12px;width:calc(100% - 24px);border-radius:5px}.image-expand{right:8px;bottom:8px;font-size:.6875rem;padding:6px 9px;gap:5px}.interface-caption{padding:19px;gap:14px;align-items:start;min-height:136px}.interface-caption h3{font-size:.9375rem}.interface-caption p{font-size:.8125rem}.interface-counter{font-size:.625rem;letter-spacing:1px;padding-top:4px}.media-dialog{width:calc(100% - 20px);border-radius:11px}.media-dialog-header{padding:16px;gap:12px}.media-dialog-header .eyebrow{font-size:.5625rem;letter-spacing:.8px}.media-dialog-note{padding:15px 16px;font-size:.75rem}.screenshot-viewport{max-height:calc(100dvh - 190px)}.screenshot-viewport img{min-width:900px}.facts strong:not(.keycap){font-size:1.8rem}}
@media(max-width:370px){.module-card.module-photo:has(.module-actions){min-height:450px}.demo-button{gap:8px;font-size:.75rem}.module-actions{gap:4px 12px}.screenshot-picker button{flex-basis:calc(50% - 7px)}.interface-caption{min-height:156px}.interface-caption p{font-size:.75rem}}