:root{--sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;--bg-main:#07080f;--bg-card:#11121ea6;--bg-card-hover:#1a1b2dd9;--border-color:#ffffff14;--border-color-hover:#8b5cf64d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent-purple:#8b5cf6;--accent-purple-glow:#8b5cf640;--accent-indigo:#6366f1;--accent-indigo-glow:#6366f140;--accent-blue:#3b82f6;--accent-pink:#ec4899;--accent-pink-glow:#ec489940;--shadow-lg:0 10px 30px -10px #000000b3;--shadow-glow:0 0 40px -10px #6366f126;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{font-family:var(--sans);background-color:var(--bg-main);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#1f213a;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-purple)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}#root{width:100%;min-height:100vh;position:relative}.bg-orbs{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.orb-1{filter:blur(80px);background:radial-gradient(circle,#8b5cf624 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:25s ease-in-out infinite alternate orbFloat;position:absolute;top:-20%;left:15%}.orb-2{filter:blur(100px);background:radial-gradient(circle,#6366f124 0%,#0000 70%);border-radius:50%;width:700px;height:700px;animation:30s ease-in-out infinite alternate-reverse orbFloat;position:absolute;bottom:-10%;right:10%}.orb-3{filter:blur(90px);background:radial-gradient(circle,#ec489914 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:22s ease-in-out infinite alternate orbFloat;position:absolute;top:45%;right:-5%}@keyframes orbFloat{0%{transform:translate(0)scale(1)}to{transform:translate(80px,50px)scale(1.1)}}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#07080fbf;justify-content:space-between;align-items:center;padding:1.25rem 5%;transition:all .3s;display:flex;position:sticky;top:0}.nav-brand{letter-spacing:-.5px;background:linear-gradient(135deg, var(--text-primary) 30%, #a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;align-items:center;gap:.75rem;font-size:1.4rem;font-weight:700;display:flex}.nav-logo{border-radius:8px;width:32px;height:32px;box-shadow:0 0 10px #8b5cf666}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .2s}.nav-link:hover{color:var(--text-primary)}.btn-github-nav{border:1px solid var(--border-color);background:#ffffff0d;border-radius:9999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.btn-github-nav:hover{border-color:var(--text-secondary);background:#ffffff1a}.nav-actions-always{align-items:center;gap:1.5rem;display:flex}.lang-toggle-btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:9999px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.lang-toggle-btn:hover{border-color:var(--accent-purple);background:#ffffff1a;box-shadow:0 0 10px #8b5cf633}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:6rem 5% 4rem;display:flex;position:relative}.hero-badges-container{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.hero-badge{color:#c084fc;cursor:default;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:9999px;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 0 15px #8b5cf61a}.hero-badges-container .hero-badge{margin-bottom:0}.hero-badge:hover{border-color:#8b5cf666;transform:translateY(-2px);box-shadow:0 4px 15px #8b5cf640}.hero-badge.downloads{color:#60a5fa;background:#3b82f61a;border-color:#3b82f633;box-shadow:0 0 15px #3b82f61a}.hero-badge.downloads:hover{border-color:#3b82f666;box-shadow:0 4px 15px #3b82f640}.hero-title{letter-spacing:-1.5px;background:linear-gradient(135deg, var(--text-primary) 20%, #c084fc 60%, #818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;max-width:900px;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:3.8rem;font-weight:800;line-height:1.15}.hero-desc{color:var(--text-secondary);max-width:650px;margin-bottom:2rem;font-size:1.2rem}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;display:flex}.hero-platforms-strip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a8c;border:1px solid #ffffff1a;border-radius:9999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;margin-bottom:3rem;padding:.5rem 1.25rem;display:flex;box-shadow:0 4px 20px #00000040}.platforms-label{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.75rem;font-weight:700}.platforms-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:flex}.platform-tag{color:#e2e8f0;cursor:default;background:#ffffff0a;border:1px solid #ffffff14;border-radius:9999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.8rem;font-weight:500;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.platform-tag:hover{background:#ffffff1a;border-color:#ffffff38;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.platform-icon.android{color:#4ade80}.platform-icon.windows{color:#60a5fa}.platform-icon.macos{color:#f472b6}.platform-icon.linux{color:#fbbf24}.platform-icon.docker{color:#38bdf8}.btn-hero-primary{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-indigo) 100%);color:#fff;border-radius:14px;justify-content:center;align-items:center;padding:.95rem 2.2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 4px 20px #8b5cf666}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf68c,0 0 15px #8b5cf64d}.btn-hero-photo{color:#f472b6;cursor:pointer;background:linear-gradient(135deg,#ec48991f 0%,#a855f71f 100%);border:1px solid #ec489966;border-radius:14px;justify-content:center;align-items:center;padding:.95rem 2.2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #ec489926}.btn-hero-photo:hover{color:#fff;background:linear-gradient(135deg,#ec489938 0%,#a855f738 100%);border-color:#ec4899a6;transform:translateY(-2px);box-shadow:0 6px 22px #ec489959}.btn-hero-secondary{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:14px;justify-content:center;align-items:center;padding:.95rem 2.2rem;font-size:1rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-hero-secondary:hover{border-color:var(--text-secondary);background:#ffffff14;transform:translateY(-2px)}.hero-stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);background:#ffffff05;border-radius:20px;flex-wrap:wrap;justify-content:center;gap:2.5rem;margin-top:1rem;padding:1.5rem 2.5rem;display:flex}.stat-item{flex-direction:column;align-items:center;display:flex;position:relative}.stat-item:not(:last-child):after{content:"";background-color:var(--border-color);width:1px;height:70%;position:absolute;top:15%;right:-1.25rem}.stat-val{color:var(--text-primary);background:linear-gradient(135deg,#fff 50%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-top:.25rem;font-size:.85rem}.tabs-section{justify-content:center;margin:2rem 0;padding:0 5%;display:flex}.tabs-container{border:1px solid var(--border-color);background:#ffffff08;border-radius:9999px;gap:.35rem;width:fit-content;max-width:100%;margin:0 auto;padding:.4rem;display:flex}.tab-btn{color:var(--text-secondary);white-space:nowrap;border-radius:9999px;flex:auto;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex}.tab-btn:hover{color:var(--text-primary)}.tab-btn.active{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-indigo) 100%);color:#fff;box-shadow:0 5px 15px #8b5cf64d}.app-section-header{text-align:center;margin-bottom:2rem;padding:0 1rem}.app-section-subtitle{text-transform:uppercase;color:#a78bfa;letter-spacing:2px;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.app-section-title{color:var(--text-primary);background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800}.app-section-desc{color:var(--text-secondary);max-width:620px;margin:0 auto;font-size:1.05rem;line-height:1.6}.telephoto-showcase-section{margin-top:2rem;padding-top:4rem}.telephoto-section-header .app-section-subtitle{color:#ec4899}.telephoto-section-header .app-section-title{color:#fff;background:0 0;-webkit-background-clip:unset;-webkit-text-fill-color:#fff}.telephoto-card{background:linear-gradient(135deg,#ec48990a 0%,#8b5cf60f 100%);border-color:#ec489933}.telephoto-card:hover{border-color:#ec489966}.telephoto-card .app-slogan{color:#f472b6}.telephoto-card .app-showcase-logo{box-shadow:0 0 20px #ec489959}.telephoto-card .feature-icon-wrapper{color:#f472b6;background:#ec48991f}.telephoto-card .btn-download{background:linear-gradient(135deg,#ec4899 0%,#a855f7 100%);box-shadow:0 4px 15px #ec489959}.telephoto-card .btn-download:hover{box-shadow:0 6px 22px #ec489980}.telephoto-card .tag-item{color:#f472b6;background:#ec48990f;border-color:#ec489940}.telephoto-card .btn-guide-redirect{color:#f472b6}.telephoto-card .btn-guide-redirect:hover{background:#ec489914;border-color:#ec489959}.telephoto-card .thumbnail-wrapper.active{border-color:#ec4899;box-shadow:0 0 12px #ec489973}.showcase-section{padding:4rem 5% 5rem}.showcase-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg), var(--shadow-glow);border-radius:32px;grid-template-columns:1.1fr .9fr;gap:4rem;padding:3.5rem;transition:border-color .3s;display:grid;position:relative;overflow:visible}.showcase-card:hover{border-color:var(--border-color-hover)}.showcase-info{min-width:0}.app-meta{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.app-showcase-logo{border-radius:14px;width:56px;height:56px;box-shadow:0 0 15px #8b5cf64d}.app-showcase-title{letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.app-slogan{color:#c084fc;margin-bottom:1rem;font-size:1.15rem;font-weight:500}.app-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.tag-item{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0a;border-radius:9999px;padding:.25rem .75rem;font-size:.8rem;font-weight:500}.features-list{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;display:flex}.feature-item{align-items:flex-start;gap:1rem;display:flex}.feature-icon-wrapper{color:#c084fc;background:#8b5cf61a;border-radius:10px;justify-content:center;align-items:center;padding:.6rem;display:flex}.feature-details{flex-direction:column;display:flex}.feature-title{color:var(--text-primary);font-size:1rem;font-weight:600}.feature-desc{color:var(--text-secondary);margin-top:.1rem;font-size:.9rem}.action-buttons{align-items:center;gap:1.25rem;display:flex}.btn-download{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-indigo) 100%);color:#fff;box-sizing:border-box;cursor:pointer;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1.8rem;font-size:.95rem;font-weight:600;line-height:1.4;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #8b5cf64d}.btn-download:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-github{border:1px solid var(--border-color);color:var(--text-primary);box-sizing:border-box;background:#ffffff0d;border-radius:14px;justify-content:center;align-items:center;gap:.75rem;padding:.85rem 1.8rem;font-size:.95rem;font-weight:600;line-height:1.4;text-decoration:none;transition:all .2s;display:inline-flex}.btn-github:hover{border-color:var(--text-secondary);background:#ffffff14;transform:translateY(-2px)}.screenshot-display{flex-direction:column;justify-content:center;gap:1.5rem;min-width:0;display:flex}.main-screenshot-container{aspect-ratio:1920/1020;border:1px solid var(--border-color);width:100%;box-shadow:var(--shadow-lg);background:#0f101a;border-radius:16px;position:relative;overflow:hidden}.main-screenshot-container.portrait-mode{aspect-ratio:9/18.5;border:10px solid #1c1d30;border-radius:36px;max-width:245px;max-height:500px;margin:0 auto;box-shadow:0 20px 40px #0009}.screenshot-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:opacity .3s;display:block}.thumbnails-scroll{justify-content:safe center;gap:.75rem;width:100%;padding-bottom:.5rem;display:flex;overflow-x:auto}.thumbnails-scroll.portrait-mode{max-width:245px;margin:0 auto}.thumbnails-scroll::-webkit-scrollbar{height:6px}.thumbnail-wrapper{aspect-ratio:16/10;cursor:pointer;opacity:.6;background:#0f101a;border:2px solid #0000;border-radius:8px;flex:0 0 80px;transition:all .2s;overflow:hidden}.thumbnail-wrapper.portrait-mode{aspect-ratio:9/18.5;flex:0 0 45px}.thumbnail-wrapper.active{border-color:var(--accent-purple);opacity:1;box-shadow:0 0 10px var(--accent-purple-glow)}.thumbnail-wrapper:hover{opacity:.9}.thumbnail-img{object-fit:cover;width:100%;height:100%}.crypto-section{justify-content:center;padding:4rem 5%;display:flex}.crypto-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:100%;max-width:1000px;box-shadow:var(--shadow-glow);background:linear-gradient(135deg,#8b5cf60d 0%,#6366f10d 100%);border:1px solid #8b5cf626;border-radius:24px;align-items:center;gap:3rem;padding:3rem;display:flex}.crypto-info{flex:1}.crypto-badge{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:9999px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.3rem .8rem;font-size:.8rem;font-weight:600;display:inline-flex}.crypto-title{margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.crypto-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem}.crypto-tags{flex-wrap:wrap;gap:.75rem;display:flex}.crypto-tag{border:1px solid var(--border-color);font-size:.85rem;font-family:var(--mono);color:var(--text-primary);background:#ffffff0d;border-radius:8px;padding:.4rem .8rem}.crypto-icon-wrapper{color:#c084fc;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:24px;justify-content:center;align-items:center;padding:2rem;display:flex;box-shadow:0 0 30px #8b5cf61a}.matrix-title{text-align:center;margin-bottom:3rem;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.matrix-container{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);width:100%;max-width:1000px;box-shadow:var(--shadow-lg);border-radius:24px;padding:1.5rem;overflow-x:auto}.matrix-table{border-collapse:collapse;text-align:left;width:100%}.matrix-table th,.matrix-table td{border-bottom:1px solid var(--border-color);padding:1.2rem 1.5rem}.matrix-table th{color:var(--text-primary);font-size:1rem;font-weight:700}.matrix-table th:first-child{width:35%}.matrix-table td{color:var(--text-secondary);font-size:.95rem}.matrix-table tr:hover td{color:var(--text-primary);background:#ffffff03}.cell-app{color:var(--text-primary);font-weight:600}.cell-cross{color:#f87171;font-weight:700}.footer{border-top:1px solid var(--border-color);background:#05060a;width:100%;margin-top:auto;padding:4rem 5% 3rem}.footer-inner{flex-direction:column;gap:3rem;max-width:1100px;margin:0 auto;display:flex}.footer-top{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding-bottom:2rem;display:flex}.footer-brand{color:var(--text-primary);align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;display:flex}.footer-grid{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2.5rem;display:grid}.footer-col{flex-direction:column;gap:.75rem;display:flex}.footer-col-title{text-transform:uppercase;letter-spacing:1px;color:#c084fc;margin-bottom:.25rem;font-size:.85rem;font-weight:700}.footer-link{color:var(--text-secondary);width:fit-content;font-size:.9rem;text-decoration:none;transition:all .2s}.footer-link:hover{color:var(--text-primary);transform:translate(2px)}.footer-link-btn{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;width:fit-content;padding:0;font-family:inherit;font-size:.9rem;transition:all .2s}.footer-link-btn:hover{color:var(--text-primary);transform:translate(2px)}.footer-bottom{text-align:center;color:var(--text-secondary);border-top:1px solid #ffffff0d;flex-direction:column;gap:.5rem;padding-top:2rem;font-size:.88rem;display:flex}.footer-disclaimer{color:var(--text-muted);font-size:.8rem}@media (width<=768px){.footer{padding:3rem 1.25rem 2rem}.footer-inner{gap:2.25rem}.footer-top{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;padding-bottom:1.75rem}.footer-brand{justify-content:center}.footer-grid{text-align:center;grid-template-columns:1fr;gap:1.75rem}.footer-col{align-items:center;gap:.6rem}.footer-link,.footer-link-btn{text-align:center;padding:.35rem .5rem;font-size:.92rem}.footer-link:hover,.footer-link-btn:hover{transform:translateY(-1px)}.footer-bottom{padding-top:1.5rem}}.screenshot-nav-btn{color:#fff;cursor:pointer;z-index:10;-webkit-backdrop-filter:blur(8px);opacity:.8;background:#0f101aa6;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.screenshot-nav-btn:hover{background:var(--accent-purple);box-shadow:0 0 15px var(--accent-purple-glow);opacity:1;border-color:#ffffff4d;transform:translateY(-50%)scale(1.1)}.screenshot-nav-btn:active{transform:translateY(-50%)scale(.95)}.screenshot-nav-btn.prev{left:1rem}.screenshot-nav-btn.next{right:1rem}.main-screenshot-container.portrait-mode .screenshot-nav-btn{width:34px;height:34px}.main-screenshot-container.portrait-mode .screenshot-nav-btn.prev{left:.5rem}.main-screenshot-container.portrait-mode .screenshot-nav-btn.next{right:.5rem}.screenshot-label-overlay{color:var(--text-primary);text-align:center;pointer-events:none;background:linear-gradient(#07080f00 0%,#07080ff2 100%);border-bottom-right-radius:15px;border-bottom-left-radius:15px;padding:2rem 1rem .75rem;font-size:.9rem;font-weight:500;position:absolute;bottom:0;left:0;right:0}.main-screenshot-container.portrait-mode .screenshot-label-overlay{border-bottom-right-radius:26px;border-bottom-left-radius:26px;padding:2rem .5rem .75rem;font-size:.8rem;bottom:0}.animated-fade{animation:.35s ease-in-out fadeEffect}@keyframes fadeEffect{0%{opacity:.5;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@media (width<=1024px){.showcase-card{grid-template-columns:1fr;gap:3rem;padding:2.5rem}.hero-title{font-size:2.8rem}}@media (width<=768px){.hero-badges-container{gap:.5rem;margin-bottom:1.25rem}.hero-badge{padding:.35rem .8rem;font-size:.78rem}.navbar{padding:1rem 5%}.nav-links{display:none}.hero-title{font-size:2.3rem}.hero-actions{flex-direction:column;align-items:stretch;gap:.75rem;width:100%;max-width:360px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto}.btn-hero-primary,.btn-hero-photo,.btn-hero-secondary{box-sizing:border-box;justify-content:center;width:100%;padding:.9rem 1.5rem;font-size:.95rem}.hero-stats{flex-direction:column;gap:1.5rem;width:100%;max-width:320px;padding:1.5rem 2rem}.stat-item:not(:last-child):after{display:none}.tabs-section{margin:1.5rem 0;padding:0 1rem}.tabs-container{-webkit-overflow-scrolling:touch;scrollbar-width:none;box-sizing:border-box;justify-content:center;gap:.35rem;width:100%;max-width:100%;padding:.3rem;display:flex;overflow-x:auto}.tabs-container::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex:1 1 0;justify-content:center;min-width:0;padding:.65rem .85rem;font-size:.88rem}.showcase-card{border-radius:24px;gap:2.5rem;padding:2rem 1.5rem}.app-showcase-title{font-size:1.8rem}.action-buttons{flex-direction:column;gap:1rem;width:100%}.btn-download,.btn-github{justify-content:center;width:100%;padding:.8rem 1.5rem}.crypto-card{text-align:center;flex-direction:column;padding:2rem}.crypto-icon-wrapper{order:-1}.footer-links{flex-direction:column;gap:1rem}}@media (width<=480px){.hero-badges-container{gap:.4rem;margin-bottom:1rem}.hero-badge{padding:.3rem .7rem;font-size:.72rem}.hero-title{letter-spacing:-1px;font-size:1.85rem}.hero-desc{margin-bottom:2rem;font-size:1rem}.showcase-section{padding:1rem 3% 3rem}.showcase-card{border-radius:16px;gap:1.75rem;padding:1.25rem 1rem}.app-meta{gap:.75rem;margin-bottom:1rem}.app-showcase-logo{border-radius:10px;width:48px;height:48px}.app-showcase-title{font-size:1.45rem}.app-slogan{margin-bottom:.75rem;font-size:.95rem}.app-tags{gap:.35rem;margin-bottom:1.5rem}.tag-item{padding:.2rem .5rem;font-size:.75rem}.features-list{gap:.9rem;margin-bottom:1.75rem}.feature-item{gap:.75rem}.feature-icon-wrapper{padding:.5rem}.feature-title{font-size:.92rem}.feature-desc{font-size:.82rem}.main-screenshot-container.portrait-mode{border-width:8px;max-width:220px;max-height:460px}.thumbnail-wrapper{flex:0 0 70px}.thumbnail-wrapper.portrait-mode{flex:0 0 38px}.thumbnails-scroll.portrait-mode{max-width:220px}.matrix-title{margin-bottom:1.5rem;font-size:1.6rem}.crypto-title{font-size:1.5rem}.crypto-card{padding:1.5rem 1rem}}.guide-section{flex-direction:column;align-items:center;padding:5rem 5%;display:flex;position:relative}.guide-title{text-align:center;background:linear-gradient(135deg, var(--text-primary) 30%, #c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.guide-subtitle{color:var(--text-secondary);text-align:center;max-width:600px;margin-bottom:3.5rem;font-size:1.05rem}.guide-grid{grid-template-columns:repeat(3,1fr);gap:2rem;width:100%;max-width:1200px;display:grid}.guide-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;padding:2.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.guide-card:hover{box-shadow:0 10px 30px #8b5cf626, var(--shadow-glow);border-color:#8b5cf666;transform:translateY(-5px)}.guide-card-header{border-bottom:1px solid var(--border-color);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.guide-app-logo{border-radius:10px;width:44px;height:44px;box-shadow:0 0 10px #8b5cf633}.guide-app-title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.guide-app-badge{color:#c084fc;background:#8b5cf61a;border-radius:6px;margin-top:.2rem;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.guide-steps{flex-direction:column;flex:1;gap:1.5rem;display:flex}.guide-step{align-items:flex-start;gap:1rem;transition:transform .2s;display:flex}.guide-step:hover{transform:translate(3px)}.step-number{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-indigo) 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex;box-shadow:0 3px 8px #8b5cf64d}.step-content{flex-direction:column;display:flex}.step-title{color:var(--text-primary);margin-bottom:.2rem;font-size:.95rem;font-weight:600}.step-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.4}@media (width<=1024px){.guide-grid{grid-template-columns:1fr;gap:1.5rem;max-width:600px}}@media (width<=768px){.guide-section{padding:3rem 5%}.guide-title{font-size:1.8rem}.guide-subtitle{margin-bottom:2.5rem}}@media (width<=480px){.guide-section{padding:2.5rem 3%}.guide-title{font-size:1.5rem}.guide-card{border-radius:16px;padding:1.5rem}.guide-card-header{margin-bottom:1.5rem}}.action-guide-link{justify-content:flex-start;margin-top:1rem;display:flex}.btn-guide-redirect{color:#c084fc;cursor:pointer;border-radius:6px;align-items:center;gap:.5rem;padding:.25rem .5rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-guide-redirect:hover{color:#fff;background:#8b5cf61a;transform:translate(3px)}.btn-back{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;background:#ffffff0d;border-radius:9999px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-back:hover{border-color:var(--text-secondary);background:#ffffff1a}.instructions-hero{text-align:center;flex-direction:column;align-items:center;padding:4rem 5% 2rem;display:flex}.inst-badge{color:#c084fc;background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:9999px;margin-bottom:1rem;padding:.35rem .85rem;font-size:.8rem;font-weight:600;display:inline-block}.inst-title{letter-spacing:-1px;background:linear-gradient(135deg, var(--text-primary) 30%, #c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800}.inst-desc{color:var(--text-secondary);max-width:680px;font-size:1.1rem;line-height:1.5}.instructions-body{justify-content:center;padding:2rem 5% 4rem;display:flex}.inst-layout{flex-direction:column;gap:3rem;width:100%;max-width:900px;display:flex}.inst-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:24px;padding:3rem;transition:border-color .3s;position:relative}.inst-card:hover{border-color:#8b5cf633}.inst-card-num{background:linear-gradient(135deg, var(--accent-purple) 0%, var(--accent-indigo) 100%);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:800;display:flex;position:absolute;top:-20px;left:30px;box-shadow:0 5px 15px #8b5cf64d}.inst-card-title{color:var(--text-primary);margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.inst-card-subtitle{color:var(--text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.5}.inst-steps-list{flex-direction:column;gap:1.5rem;display:flex}.inst-step-item{align-items:flex-start;gap:1.25rem;display:flex}.inst-step-item .bullet{border:1px solid var(--border-color);color:#c084fc;background:#ffffff0d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.inst-step-text strong{color:var(--text-primary);margin-bottom:.25rem;font-size:1.05rem;display:block}.inst-step-text p{color:var(--text-secondary);font-size:.92rem;line-height:1.45}.os-guides-container{flex-direction:column;gap:2.5rem;display:flex}.os-guide-block{background:#ffffff03;border:1px solid #ffffff0a;border-radius:16px;padding:1.75rem}.os-badge{text-transform:uppercase;border-radius:6px;margin-bottom:1rem;padding:.2rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.os-badge.win{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.os-badge.mac{color:#e5e7eb;background:#f3f4f61a;border:1px solid #f3f4f633}.os-badge.lin{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.os-badge.and{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.os-alert-box{color:#f87171;background:#ef444414;border:1px solid #ef444433;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding:1rem;font-size:.9rem;line-height:1.4;display:flex}.os-alert-box .alert-icon{flex-shrink:0}.os-steps-ol{flex-direction:column;gap:.75rem;padding-left:1.25rem;display:flex}.os-steps-ol li{color:var(--text-secondary);font-size:.92rem;line-height:1.45}.os-steps-ol li::marker{color:#c084fc;font-weight:700}.app-usage-guide{flex-direction:column;gap:2rem;display:flex}.usage-heading{color:var(--text-primary);border-left:3px solid var(--accent-purple);margin-bottom:.5rem;padding-left:.75rem;font-size:1.15rem;font-weight:700}.usage-p{color:var(--text-secondary);margin-left:1rem;font-size:.95rem;line-height:1.5}@media (width<=768px){.inst-title{font-size:2.2rem}.inst-card{padding:2.25rem 1.5rem}.inst-card-num{left:20px}.inst-card-title{margin-top:.5rem;font-size:1.5rem}.os-guide-block{padding:1.25rem 1rem}.action-guide-link{justify-content:center}}@media (width<=480px){.inst-title{font-size:1.75rem}.inst-desc{font-size:.95rem}.inst-card-title{font-size:1.3rem}.os-alert-box{padding:.75rem;font-size:.82rem}}.guide-inner-list{flex-direction:column;gap:.35rem;margin:.5rem 0 .5rem 1.25rem;padding-left:0;list-style-type:disc;display:flex}.guide-inner-list li{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.guide-inner-list li::marker{color:#c084fc}.guide-inner-list code{border:1px solid var(--border-color);color:#c084fc;font-family:var(--mono);background:#ffffff0d;border-radius:4px;padding:.15rem .35rem;font-size:.82rem}.note-text{color:#f87171;margin-top:.5rem;font-size:.85rem}.credentials-guide-box{background:#8b5cf60a;border:1px solid #8b5cf626;border-radius:12px;margin:1rem 0 1.5rem 1rem;padding:1.25rem}.credentials-guide-box strong{color:#c084fc}.credentials-steps-ol{flex-direction:column;gap:.5rem;margin:.5rem 0 0 1.25rem;padding-left:0;display:flex}.credentials-steps-ol li{color:var(--text-secondary);font-size:.88rem;line-height:1.45}.credentials-steps-ol li::marker{color:#c084fc;font-weight:700}.sub-credentials-section .sub-credentials-title strong{color:var(--text-primary);font-size:.92rem}.credentials-steps-ol code{border:1px solid var(--border-color);color:#c084fc;font-family:var(--mono);background:#ffffff0d;border-radius:4px;padding:.1rem .25rem;font-size:.8rem}.nav-link-btn{font:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding:0}.scroll-to-top-btn{-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;z-index:1000;background:#8b5cf640;border:1px solid #8b5cf659;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:30px;right:30px;box-shadow:0 4px 15px #8b5cf633}.scroll-to-top-btn:hover{background:var(--accent-purple);border-color:#8b5cf680;transform:translateY(-3px)scale(1.05);box-shadow:0 6px 20px #8b5cf680}@media (width<=768px){.scroll-to-top-btn{background:#8b5cf666;bottom:25px;right:20px}}.app-stats-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.stats-loader{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.spinner-mini{border:2px solid #ffffff1a;border-top-color:var(--accent-purple);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stat-badge{-webkit-backdrop-filter:blur(8px);cursor:default;border:1px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.82rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.stat-badge:hover{transform:translateY(-1px)}.stat-badge.stars{color:#facc15;background:#eab30814;border-color:#eab30833}.stat-badge.stars:hover{background:#eab30826;border-color:#eab30859;box-shadow:0 0 10px #eab30826}.stat-badge.downloads{color:#60a5fa;background:#3b82f614;border-color:#3b82f633}.stat-badge.downloads:hover{background:#3b82f626;border-color:#3b82f659;box-shadow:0 0 10px #3b82f626}.stat-badge.version{color:#c084fc;background:#a855f714;border-color:#a855f733}.stat-badge.version:hover{background:#a855f726;border-color:#a855f759;box-shadow:0 0 10px #a855f726}.stat-badge.date{color:#34d399;background:#10b98114;border-color:#10b98133}.stat-badge.date:hover{background:#10b98126;border-color:#10b98159;box-shadow:0 0 10px #10b98126}.stat-icon-date{color:#34d399}.stat-icon-star{color:#facc15;fill:#eab30833}.stat-icon-dl{color:#60a5fa}.version-dot{background-color:#c084fc;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #c084fc}.action-buttons-wrapper{margin-bottom:1.5rem}.download-dropdown-container{display:inline-block;position:relative}.chevron-dl-icon{margin-left:.25rem;transition:transform .2s}.chevron-dl-icon.rotate{transform:rotate(180deg)}.btn-download.active{border-bottom-right-radius:0;border-bottom-left-radius:0;box-shadow:0 0 20px #8b5cf680}.download-dropdown-menu{-webkit-backdrop-filter:blur(20px);z-index:50;background:#0f101af2;border:1px solid #8b5cf640;border-top:none;border-radius:0 0 16px 16px;width:320px;animation:.2s ease-out dropdownFadeIn;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 15px 30px #00000080,0 0 15px #8b5cf61a}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff0d;padding:.75rem 1rem;font-size:.78rem}.dropdown-scroll-container{max-height:240px;overflow-y:auto}.dropdown-scroll-container::-webkit-scrollbar{width:6px}.dropdown-scroll-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.dropdown-scroll-container::-webkit-scrollbar-thumb:hover{background:#fff3}.dropdown-item{color:var(--text-primary);border-bottom:1px solid #ffffff08;justify-content:space-between;align-items:center;padding:.85rem 1rem;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#8b5cf61a}.item-file-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;padding-right:.75rem;display:flex}.item-file-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:.85rem;font-weight:500;overflow:hidden}.dropdown-item:hover .item-file-name{color:#c084fc}.item-file-meta{color:var(--text-secondary);font-size:.75rem}.item-dl-icon{color:var(--text-muted);flex-shrink:0;transition:color .2s,transform .2s}.dropdown-item:hover .item-dl-icon{color:#c084fc;transform:translateY(1px)}.dropdown-footer{text-align:center;background:#0003;border-top:1px solid #ffffff0d;padding:.75rem 1rem}.dropdown-footer-link{color:#c084fc;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s}.dropdown-footer-link:hover{color:#a78bfa}@media (width<=768px){.download-dropdown-container{width:100%}.download-dropdown-menu{border-top:1px solid #8b5cf640;border-radius:12px;width:100%;margin-top:.25rem;position:relative}}.showcase-card:before{content:"";background:radial-gradient(600px circle at var(--mouse-x,0px) var(--mouse-y,0px), #8b5cf614, transparent 40%);z-index:1;pointer-events:none;border-radius:inherit;transition:opacity .5s;position:absolute;inset:0}.showcase-card>*{z-index:2;position:relative}.faq-section{background:linear-gradient(#0000 0%,#8b5cf605 100%);flex-direction:column;align-items:center;padding:6rem 5% 4rem;display:flex}.faq-title{text-align:center;background:linear-gradient(135deg,#fff 30%,#c084fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:3rem;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.faq-container{flex-direction:column;gap:1rem;width:100%;max-width:850px;display:flex}.faq-item-card{border:1px solid var(--border-color);background:#ffffff05;border-radius:16px;transition:all .3s;overflow:hidden}.faq-item-card:hover{background:#8b5cf603;border-color:#8b5cf64d}.faq-item-card.open{background:#0f101acc;border-color:#8b5cf666;box-shadow:0 4px 20px #8b5cf60d}.faq-question-btn{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.faq-q-icon{color:#c084fc;flex-shrink:0}.faq-question-text{color:var(--text-primary);flex:1;font-size:1.05rem;font-weight:600}.faq-arrow-icon{color:var(--text-muted);flex-shrink:0;transition:transform .3s,color .3s}.faq-item-card:hover .faq-arrow-icon{color:var(--text-primary)}.faq-arrow-icon.rotate-up{color:#c084fc;transform:rotate(180deg)}.faq-answer-pane{max-height:0;padding:0 1.5rem;transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s;overflow:hidden}.faq-answer-pane.open{max-height:200px;padding:0 1.5rem 1.5rem 3.25rem}.faq-answer-text{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (width<=480px){.faq-title{margin-bottom:2rem;font-size:1.7rem}.faq-question-text{font-size:.95rem}.faq-answer-pane.open{padding:0 1rem 1.25rem 2.5rem}.faq-answer-text{font-size:.88rem}}.router-section{background:linear-gradient(#0000 0%,#6366f105 100%);flex-direction:column;align-items:center;padding:4rem 5%;display:flex;position:relative}.router-section-header{text-align:center;margin-bottom:2.5rem;padding:0 1rem}.router-section-subtitle{text-transform:uppercase;color:#60a5fa;letter-spacing:2px;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:block}.router-section-title{color:var(--text-primary);background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.75rem;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.router-section-desc{color:var(--text-secondary);max-width:620px;margin:0 auto;font-size:1.05rem;line-height:1.6}.router-grid.compact{flex-direction:column;gap:2.5rem;width:100%;max-width:1000px;display:flex}.router-card.compact-card{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#3b82f60a 0%,#2563eb0f 100%);border:1px solid #3b82f638;border-radius:24px;padding:2.5rem;transition:all .3s;position:relative;overflow:hidden}.router-card.compact-card:hover{border-color:#3b82f673;transform:translateY(-2px);box-shadow:0 10px 30px -10px #3b82f633}.router-card.compact-card.telephoto-card{background:linear-gradient(135deg,#ec48990a 0%,#db277712 100%);border:1px solid #ec489940}.router-card.compact-card.telephoto-card:hover{border-color:#ec489980;transform:translateY(-2px);box-shadow:0 10px 30px -10px #ec489940}.router-card-badge{letter-spacing:.8px;text-transform:uppercase;color:#60a5fa;z-index:10;background:linear-gradient(135deg,#3b82f633,#2563eb40);border:1px solid #3b82f666;border-radius:9999px;padding:.35rem .85rem;font-size:.72rem;font-weight:800;position:absolute;top:1.25rem;right:1.25rem;box-shadow:0 0 12px #3b82f640}.router-card-badge.pink{color:#f472b6;background:linear-gradient(135deg,#ec489933,#db277740);border:1px solid #ec489966;box-shadow:0 0 12px #ec489940}.router-compact-body{align-items:center;gap:3rem;display:flex}.router-compact-header-row{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.router-compact-logo{border-radius:14px;flex-shrink:0;width:54px;height:54px;box-shadow:0 0 20px #3b82f659}.router-compact-logo.telephoto-logo{box-shadow:0 0 20px #ec489966}.router-compact-info{flex-direction:column;flex:1.3;gap:.5rem;display:flex}.router-compact-title{color:var(--text-primary);letter-spacing:-.5px;font-family:Outfit,sans-serif;font-size:1.8rem;font-weight:800}.router-compact-desc{color:var(--text-secondary);margin-bottom:.25rem;font-size:.95rem;line-height:1.55}.router-compact-tags{flex-wrap:wrap;gap:.4rem;margin:.75rem 0 1.25rem;display:flex}.router-compact-tags .tag-item{color:#60a5fa;background:#3b82f614;border-color:#3b82f640;padding:.2rem .65rem;font-size:.78rem}.router-compact-tags .tag-item.pink{color:#f472b6;background:#ec489914;border-color:#ec489940}.router-compact-actions{margin-top:.25rem}.router-compact-actions .btn-download{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 4px 15px #3b82f659}.router-compact-actions .btn-download:hover{box-shadow:0 6px 22px #3b82f680}.router-compact-actions .btn-download.pink{background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);box-shadow:0 4px 15px #ec489959}.router-compact-actions .btn-download.pink:hover{box-shadow:0 6px 22px #ec489980}.router-compact-previews{flex:.95 0;justify-content:center;align-items:center;min-width:480px;height:300px;display:flex;position:relative}.preview-desktop-wrapper{aspect-ratio:16/10;border:1px solid #ffffff14;border-radius:12px;width:380px;transition:transform .3s;position:absolute;top:15px;left:10px;overflow:hidden;box-shadow:0 20px 45px #0009}.preview-desktop-wrapper:hover{transform:translateY(-3px)scale(1.01)}.preview-desktop{object-fit:cover;width:100%;height:100%}.preview-mobile-wrapper{aspect-ratio:9/19;z-index:2;border:2px solid #ffffff1f;border-radius:14px;width:130px;transition:transform .3s;position:absolute;bottom:15px;right:25px;overflow:hidden;box-shadow:0 20px 40px #000000b3}.preview-mobile-wrapper:hover{transform:translateY(-3px)scale(1.05)}.preview-mobile{object-fit:cover;width:100%;height:100%}@media (width<=968px){.router-section-title{font-size:1.75rem}.router-section-desc{font-size:.95rem}.router-compact-body{text-align:center;flex-direction:column;align-items:center;gap:2.5rem}.router-compact-info{align-items:center;width:100%}.router-compact-header-row{text-align:center;flex-direction:column;align-items:center;gap:.75rem}.router-compact-title{text-align:center;font-size:1.45rem}.router-compact-desc{text-align:center}.router-compact-previews{flex-direction:column;justify-content:center;align-items:center;min-width:100%;height:auto;padding-bottom:1rem;display:flex}.preview-desktop-wrapper{width:90%;max-width:450px;position:relative;top:auto;left:auto;transform:none;box-shadow:0 15px 35px #00000080}.preview-desktop-wrapper:hover{transform:translateY(-3px)}.preview-mobile-wrapper{width:28%;min-width:80px;max-width:110px;bottom:-10px;right:0}}@media (width<=480px){.router-section-header{margin-bottom:1.75rem}.router-card.compact-card{padding:2.25rem 1.25rem 1.75rem}.router-card-badge{padding:.25rem .65rem;font-size:.65rem;top:.85rem;right:.85rem}.router-compact-header-row{text-align:center;flex-direction:column;align-items:center;gap:.75rem}.router-compact-header-text{text-align:center;align-items:center}.router-compact-desc{text-align:center;font-size:.9rem}.router-compact-actions{justify-content:center;width:100%;display:flex}.router-compact-actions .btn-download{justify-content:center;width:100%}.preview-desktop-wrapper{width:95%}.preview-mobile-wrapper{width:30%;min-width:70px;max-width:100px;right:-5%}}@media (width<=768px){.matrix-section{padding:3.5rem 1rem 3rem}.matrix-title{margin-bottom:1.5rem;font-size:1.75rem}.matrix-container{border-radius:16px}.matrix-table{min-width:620px}.matrix-table th,.matrix-table td{white-space:nowrap;padding:.85rem 1rem;font-size:.85rem}.matrix-table th:first-child,.matrix-table td.cell-app{white-space:normal;min-width:140px;max-width:180px}}@media (width<=480px){.matrix-section{padding:2.5rem .75rem}.matrix-title{font-size:1.5rem}.matrix-table{min-width:580px}.matrix-table th,.matrix-table td{padding:.75rem .85rem;font-size:.8rem}}.matrix-section{flex-direction:column;align-items:center;padding:5rem 5% 4rem;display:flex}.matrix-title{text-align:center;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800}.matrix-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);width:100%;max-width:1100px;box-shadow:var(--shadow-lg);background:#11121ea6;border-radius:24px;overflow-x:auto}.matrix-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;min-width:780px}.matrix-table th{color:var(--text-primary);border-bottom:1px solid var(--border-color);background:#ffffff05;padding:1.25rem 1.5rem;font-size:.95rem;font-weight:700}.matrix-table td{color:var(--text-secondary);border-bottom:1px solid #ffffff0a;padding:1.1rem 1.5rem;font-size:.92rem}.matrix-table tr:last-child td{border-bottom:none}.matrix-table th:first-child,.matrix-table td.cell-app{color:var(--text-primary);border-right:1px solid #ffffff0d;font-weight:700}.matrix-table .highlight-col.purple-highlight{background:#8b5cf614;border-left:1px solid #8b5cf633;border-right:1px solid #8b5cf633}.matrix-table .highlight-col.pink-highlight{background:#ec489914;border-left:1px solid #ec489933;border-right:1px solid #ec489933}.col-header-inner{flex-direction:column;gap:.35rem;display:flex}.col-badge{letter-spacing:.8px;text-transform:uppercase;border-radius:9999px;width:fit-content;padding:.2rem .55rem;font-size:.65rem;font-weight:800;display:inline-block}.col-badge.purple-badge{color:#c084fc;background:#8b5cf633;border:1px solid #8b5cf666}.col-badge.pink-badge{color:#f472b6;background:#ec489933;border:1px solid #ec489966}.cell-check{color:#34d399;font-weight:600}.cell-cross{color:#9ca3af}@media (width<=768px){.matrix-section{padding:3.5rem 1rem 3rem}.matrix-title{margin-bottom:1.5rem;font-size:1.75rem}.matrix-container{border-radius:16px}.matrix-table{min-width:620px}.matrix-table th,.matrix-table td{white-space:nowrap;padding:.85rem 1rem;font-size:.85rem}.matrix-table th:first-child,.matrix-table td.cell-app{white-space:normal;min-width:140px;max-width:180px}}@media (width<=480px){.matrix-section{padding:2.5rem .75rem}.matrix-title{font-size:1.5rem}.matrix-table{min-width:580px}.matrix-table th,.matrix-table td{padding:.75rem .85rem;font-size:.8rem}}.screenshot-zoom-hint{-webkit-backdrop-filter:blur(8px);color:#fff;opacity:.85;pointer-events:none;z-index:5;background:#000000a6;border:1px solid #fff3;border-radius:9999px;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.main-screenshot-container:hover .screenshot-zoom-hint{opacity:1;background:#8b5cf6d9;border-color:#a78bfa99;transform:translateY(-2px)}.screenshot-image{cursor:pointer;transition:transform .2s}.screenshot-image:hover{transform:scale(1.01)}.preview-desktop-wrapper,.preview-mobile-wrapper{cursor:pointer;transition:transform .2s}.footer{border-top:1px solid var(--border-color);background:#0a0b14d9;margin-top:4rem;padding:3.5rem 1.5rem 2.5rem}.footer-inner-simple{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;max-width:800px;margin:0 auto;display:flex}.footer-brand-simple{align-items:center;gap:.75rem;display:flex}.footer-brand-text{color:#fff;letter-spacing:-.2px;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700}.footer-links-simple{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.footer-simple-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-simple-link:hover{color:var(--accent-purple)}.footer-simple-link.highlight{color:#f3f4f6;font-weight:600}.footer-simple-link.highlight:hover{color:#ec4899}.footer-dot{color:#fff3;font-size:.8rem}.footer-bottom-simple{color:var(--text-muted);border-top:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:.4rem;width:100%;padding-top:1.25rem;font-size:.85rem;display:flex}.footer-author{color:var(--text-primary);font-weight:600}.footer-disclaimer{color:#94a3b8;max-width:500px;font-size:.78rem}@media (width<=600px){.footer-links-simple{gap:.75rem;font-size:.85rem}}.image-lightbox-modal{-webkit-backdrop-filter:blur(24px);-webkit-user-select:none;user-select:none;touch-action:pan-y pinch-zoom;z-index:999999!important;width:100vw!important;height:100vh!important;padding:env(safe-area-inset-top,16px) 16px calc(env(safe-area-inset-bottom,16px) + 12px) 16px!important;box-sizing:border-box!important;background:#04050bf2!important;flex-direction:column!important;justify-content:space-between!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.lightbox-top-bar{z-index:1000005;justify-content:flex-end;align-items:center;width:100%;max-width:1200px;height:48px;display:flex}.lightbox-close-btn{color:#fff!important;cursor:pointer!important;background:#ffffff1f!important;border:1px solid #fff3!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:40px!important;height:40px!important;transition:all .2s!important;display:flex!important;box-shadow:0 4px 15px #0009!important}.lightbox-close-btn:hover{background:#ec4899d9!important;border-color:#ec4899!important;transform:scale(1.08)!important}.lightbox-center-container{box-sizing:border-box;flex:1;width:100%;max-width:1200px;min-height:0;padding:0 52px;justify-content:center!important;align-items:center!important;display:flex!important;position:relative!important}.lightbox-image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;display:flex}.lightbox-image{object-fit:contain;border:1px solid #ffffff26;border-radius:14px;max-width:100%;max-height:calc(100vh - 160px);animation:.2s cubic-bezier(.16,1,.3,1) forwards lightboxZoomIn;box-shadow:0 20px 50px #000000d9,0 0 30px #8b5cf64d}.lightbox-nav-btn{-webkit-backdrop-filter:blur(12px);color:#fff!important;cursor:pointer!important;z-index:1000003!important;background:#11121ed9!important;border:1px solid #fff3!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important;box-shadow:0 4px 15px #0009!important}.lightbox-nav-btn.prev{left:4px!important}.lightbox-nav-btn.next{right:4px!important}.lightbox-nav-btn:hover{background:#8b5cf6e6!important;border-color:#a78bfacc!important;transform:translateY(-50%)scale(1.08)!important;box-shadow:0 0 20px #8b5cf680!important}.lightbox-footer-info{max-width:90vw;margin-top:8px;-webkit-backdrop-filter:blur(16px)!important;z-index:1000004!important;background:#11121ed9!important;border:1px solid #ffffff26!important;border-radius:9999px!important;justify-content:center!important;align-items:center!important;gap:.75rem!important;padding:.4rem 1.1rem!important;display:flex!important;box-shadow:0 4px 20px #00000080!important}.lightbox-counter{color:#c084fc;white-space:nowrap;background:#8b5cf640;border:1px solid #8b5cf666;border-radius:9999px;padding:.2rem .65rem;font-size:.8rem;font-weight:700}.lightbox-caption{color:#f3f4f6;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}@media (width<=768px){.lightbox-center-container{padding:0 42px}.lightbox-nav-btn{width:38px!important;height:38px!important}.lightbox-nav-btn.prev{left:0!important}.lightbox-nav-btn.next{right:0!important}.lightbox-image{max-height:calc(100vh - 170px)}}@keyframes lightboxFadeIn{0%{opacity:0}to{opacity:1}}@keyframes lightboxZoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.os-tab-selector{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#0f172a99;border:1px solid #ffffff14;border-radius:12px;gap:.5rem;width:fit-content;max-width:100%;margin:1.25rem 0 1rem;padding:.35rem;display:flex;overflow-x:auto}.os-tab-selector::-webkit-scrollbar{display:none}.os-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:none;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.os-tab-btn:hover{color:var(--text-primary);background:#ffffff0d}.os-tab-btn.active{color:#38bdf8;background:linear-gradient(135deg,#38bdf840 0%,#a855f740 100%);border:1px solid #38bdf84d;box-shadow:0 4px 12px #38bdf826}@media (width<=768px){.os-tab-selector{justify-content:flex-start;width:100%}.inst-card pre{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}}