@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_396b12ce-module__rRjk0G__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--bg-card:#1a1a25b3;--text-primary:#fff;--text-secondary:#a1a1b5;--text-muted:#6b6b80;--accent-primary:#6366f1;--accent-secondary:#a855f7;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--gradient-primary:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);--gradient-success:linear-gradient(135deg,#10b981 0%,#06b6d4 100%);--border-color:#ffffff14;--border-color-hover:#ffffff26;--shadow-lg:0 8px 40px #00000080;--shadow-glow:0 0 60px #6366f133;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 24px}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);background:#0a0a0fcc;position:fixed;top:0;left:0;right:0}.navbar .container{justify-content:space-between;align-items:center;height:72px;display:flex}.nav-brand{color:var(--text-primary);align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.nav-links{gap:32px;display:flex}.nav-links a{color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.hero{align-items:center;min-height:100vh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-bg{pointer-events:none;position:absolute;inset:0}.gradient-orb{filter:blur(100px);opacity:.4;border-radius:50%;position:absolute}.orb-1{background:var(--accent-primary);width:600px;height:600px;top:-200px;right:-100px}.orb-2{background:var(--accent-secondary);width:400px;height:400px;bottom:-100px;left:-100px}.grid-pattern{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0}.hero .container{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid;position:relative}.hero-content{max-width:560px}.badge{color:var(--accent-primary);background:#6366f11a;border:1px solid #6366f133;border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;display:inline-flex}.badge .pulse{background:var(--accent-success);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero h1{letter-spacing:-1px;margin-bottom:24px;font-size:56px;font-weight:800;line-height:1.1}.gradient-text{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:480px;margin-bottom:40px;font-size:18px}.hero-actions{gap:16px;margin-bottom:40px;display:flex}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 20px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:#ffffff0d}.btn-secondary:hover{border-color:var(--border-color-hover);background:#ffffff1a}.btn-lg{padding:16px 32px;font-size:16px}.platform-badges{gap:16px;display:flex}.platform-badge{color:var(--text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.hero-visual{position:relative}.app-preview{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),var(--shadow-glow);overflow:hidden}.preview-header{border-bottom:1px solid var(--border-color);background:#0000004d;align-items:center;gap:12px;padding:16px 20px;display:flex}.window-dots{gap:8px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.preview-title{color:var(--text-muted);font-size:13px}.preview-content{flex-direction:column;gap:16px;padding:32px;display:flex}.preview-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);align-items:center;gap:16px;padding:20px;transition:all .25s;display:flex}.preview-card.active{border-color:var(--accent-primary);background:#6366f11a}.preview-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.preview-icon.host{color:var(--accent-primary);background:linear-gradient(135deg,#6366f133,#a855f733)}.preview-icon.connect{color:var(--accent-success);background:linear-gradient(135deg,#10b98133,#06b6d433)}.preview-card span{font-weight:500}.preview-room{text-align:center;background:var(--bg-tertiary);border-radius:var(--radius-md);margin-top:8px;padding:20px}.room-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:11px;display:block}.room-id{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700}.floating-elements{pointer-events:none;position:absolute;inset:0}.float-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);box-shadow:var(--shadow-lg);align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:500;animation:6s ease-in-out infinite float;display:flex;position:absolute}.badge-secure{animation-delay:0s;top:20px;right:-40px}.badge-fast{animation-delay:2s;bottom:40px;left:-30px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.features{padding:120px 0;position:relative}.section-header{text-align:center;margin-bottom:64px}.section-header h2{margin-bottom:16px;font-size:40px;font-weight:700}.section-header p{color:var(--text-secondary);font-size:18px}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;transition:all .3s}.feature-card:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-icon{border-radius:var(--radius-md);background:rgba(var(--accent,99,102,241),.1);width:56px;height:56px;color:var(--accent,var(--accent-primary));justify-content:center;align-items:center;margin-bottom:20px;display:flex}.feature-card h3{margin-bottom:12px;font-size:18px;font-weight:600}.feature-card p{color:var(--text-secondary);font-size:14px;line-height:1.7}.download{background:var(--bg-secondary);padding:120px 0}.download-cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.download-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);text-align:center;padding:40px 32px;transition:all .3s}.download-card:hover,.download-card.highlighted{border-color:var(--accent-primary);box-shadow:0 0 40px #6366f126}.download-icon{border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex}.download-icon.windows{color:#00a4ef;background:linear-gradient(135deg,#00a4ef20,#00a4ef10)}.download-icon.mac{color:#fff;background:linear-gradient(135deg,#ffffff15,#ffffff08)}.download-icon.linux{color:#fcc624;background:linear-gradient(135deg,#fcc62420,#fcc62410)}.download-card h3{margin-bottom:8px;font-size:22px}.download-card .version{color:var(--accent-primary);margin-bottom:4px;font-size:13px}.download-card .requirements{color:var(--text-muted);margin-bottom:24px;font-size:13px}.btn-download{background:var(--gradient-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .25s;display:inline-flex}.btn-download:hover{transform:scale(1.02);box-shadow:0 4px 20px #6366f166}.linux-options{gap:12px;display:flex}.linux-options .btn-download{flex:1;padding:12px 16px;font-size:14px}.how-it-works{padding:120px 0}.steps{justify-content:center;align-items:center;gap:24px;display:flex}.step{text-align:center;flex:1;max-width:280px}.step-number{background:var(--gradient-primary);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:24px;font-weight:700;display:flex}.step-content h3{margin-bottom:8px;font-size:18px}.step-content p{color:var(--text-secondary);font-size:14px}.step-arrow{color:var(--text-muted)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:80px 0 40px}.footer-content{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer-brand p{color:var(--text-secondary);max-width:300px;margin-top:16px;font-size:14px}.footer-column h4{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:600}.footer-column a{color:var(--text-secondary);margin-bottom:10px;font-size:14px;text-decoration:none;transition:color .2s;display:block}.footer-column a:hover{color:var(--text-primary)}.footer-bottom{border-top:1px solid var(--border-color);color:var(--text-muted);justify-content:space-between;padding-top:32px;font-size:13px;display:flex}@media (max-width:1024px){.hero .container{grid-template-columns:1fr;gap:60px}.hero h1{font-size:44px}.hero-visual{max-width:500px;margin:0 auto}.features-grid,.download-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.navbar .container{height:64px}.nav-links{display:none}.hero{padding:100px 0 60px}.hero h1{font-size:36px}.hero-actions{flex-direction:column}.platform-badges{flex-wrap:wrap}.features-grid,.download-cards{grid-template-columns:1fr}.steps{flex-direction:column;gap:40px}.step-arrow{transform:rotate(90deg)}.footer-content{grid-template-columns:1fr;gap:32px}.footer-bottom{text-align:center;flex-direction:column;gap:8px}}
