:root{color:#f4f4f5;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#111216;--panel:#1b1c22;--panel-soft:#23242c;--line:#ffffff1a;--muted:#a5a7b3;--text:#f4f4f5;--teal:#35d0bd;--blue:#6c7cff;--coral:#ff756e;--green:#64d982;background:#111216;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.site-shell{background:linear-gradient(90deg,#ffffff09 1px,#0000 1px) 0 0/72px 72px,linear-gradient(#ffffff06 1px,#0000 1px) 0 0/72px 72px,#111216;min-height:100vh}.site-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111216d1;border-bottom:1px solid #ffffff14;grid-template-columns:minmax(160px,1fr) auto minmax(220px,1fr);align-items:center;width:100%;padding:16px clamp(18px,4vw,56px);display:grid;position:fixed;top:0;left:0}.brand,.header-actions,.header-nav,.hero-actions,.status-strip,.download-card li,.preview-topbar div,.preview-topbar span,.preview-channel-group p,.auth-heading,.primary-button,.secondary-button,.ghost-button{align-items:center;display:flex}.brand{letter-spacing:0;gap:10px;font-weight:800}.brand-mark{color:#fff;background:#20232d;border:1px solid #6c7cffb3;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 22px #6c7cff47}.header-nav{background:#ffffff09;border:1px solid #ffffff14;border-radius:999px;justify-content:center;gap:8px;padding:5px}.header-nav a{color:var(--muted);border-radius:999px;padding:9px 14px;font-size:14px}.header-nav a:hover{color:var(--text);background:#ffffff14}.header-actions{justify-content:flex-end;gap:10px}.primary-button,.secondary-button,.ghost-button{color:#fff;letter-spacing:0;cursor:pointer;border:0;border-radius:12px;justify-content:center;gap:9px;min-height:42px;padding:0 16px;font-weight:800;transition:transform .16s,background .16s,border-color .16s}.primary-button{background:linear-gradient(135deg, var(--blue), #7f5cff 54%, #29cbb8);box-shadow:0 14px 34px #6c7cff42}.secondary-button,.ghost-button{background:#ffffff0f;border:1px solid #ffffff1c}.ghost-button{color:#d7d8df}.primary-button:hover,.secondary-button:hover,.ghost-button:hover{transform:translateY(-1px)}.wide{width:100%}.hero-section{align-items:center;min-height:92svh;padding:120px clamp(18px,5vw,72px) 74px;display:flex;position:relative;overflow:hidden}.hero-section:after{content:"";pointer-events:none;background:linear-gradient(#0000,#111216f0);height:22%;position:absolute;inset:auto 0 0}.hero-background{opacity:.9;transform-origin:100%;width:min(980px,72vw);position:absolute;inset:94px clamp(18px,5vw,72px) 40px auto;transform:perspective(1200px)rotateY(-9deg)rotateX(2deg)}.hero-background:before{content:"";filter:blur();background:linear-gradient(135deg,#6c7cff24,#35d0bd14);border:1px solid #ffffff12;border-radius:32px;position:absolute;inset:-28px}.hero-copy{z-index:2;width:min(620px,100%);padding-top:10px;position:relative}.hero-kicker,.section-kicker{color:var(--teal);letter-spacing:0;text-transform:uppercase;align-items:center;gap:8px;font-size:14px;font-weight:800;display:inline-flex}.hero-copy h1{letter-spacing:0;margin:16px 0 12px;font-size:clamp(58px,11vw,138px);line-height:.9}.hero-copy p{color:#d8dae2;max-width:540px;margin:0;font-size:clamp(18px,2.2vw,24px);line-height:1.45}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px}.status-strip{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#1b1c22e0;border:1px solid #ffffff14;border-radius:20px;flex-wrap:wrap;gap:12px;width:min(1160px,100% - 36px);margin:-34px auto 0;padding:14px;position:relative}.status-strip span{color:#d8dae2;background:#ffffff0d;border-radius:12px;align-items:center;gap:9px;min-height:42px;padding:0 14px;font-weight:700;display:inline-flex}.benefit-grid,.rooms-section,.download-section,.account-section{width:min(1160px,100% - 36px);margin:0 auto}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:86px 0 34px;display:grid}.benefit-item,.download-card,.auth-panel{background:#1b1c22d1;border:1px solid #ffffff17;border-radius:18px;box-shadow:0 20px 60px #00000038}.benefit-item{padding:24px}.benefit-item>span,.download-icon,.auth-heading>span{width:46px;height:46px;color:var(--teal);background:#35d0bd1f;border-radius:14px;place-items:center;display:grid}.benefit-item h2,.rooms-section h2,.download-section h2,.account-copy h2,.auth-panel h2{color:var(--text);letter-spacing:0;margin:16px 0 8px;font-size:clamp(24px,3vw,38px);line-height:1.08}.benefit-item h2{font-size:22px}.benefit-item p,.rooms-section p,.download-section p,.account-copy p,.auth-panel p,.download-card p{color:var(--muted);line-height:1.55}.rooms-section,.download-section,.account-section{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:48px;padding:70px 0;display:grid}.room-list{gap:12px;display:grid}.room-list span{color:#fff;background:#ffffff0e;border:1px solid #ffffff17;border-radius:14px;min-height:54px;padding:16px 18px;font-weight:800}.download-card,.auth-panel{padding:24px}.download-card h3{margin:18px 0 6px;font-size:24px}.download-card ul{gap:10px;margin:18px 0 0;padding:0;list-style:none;display:grid}.download-card li{color:#d8dae2;gap:8px}.account-section{padding-bottom:110px}.auth-heading{gap:14px}.auth-heading h2{margin:0 0 4px;font-size:24px}.auth-heading p{margin:0}.mode-tabs{background:#111216;border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;margin:22px 0 18px;padding:5px;display:grid}.mode-tabs button{min-height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;font-weight:800}.mode-tabs button.active{background:var(--panel-soft);color:#fff}.auth-form{gap:14px;display:grid}.auth-form label{color:#c8cad4;text-transform:uppercase;gap:7px;font-size:13px;font-weight:800;display:grid}.auth-form input{color:#fff;background:#101115;border:1px solid #ffffff1a;border-radius:12px;outline:none;width:100%;min-height:46px;padding:0 13px}.auth-form input:focus{border-color:#35d0bdcc;box-shadow:0 0 0 3px #35d0bd21}.form-error{color:#ff8d89;margin:0;font-weight:700}.account-card{background:#111216;border-radius:16px;align-items:center;gap:14px;margin:22px 0;padding:16px;display:flex}.account-avatar,.message-avatar,.mini-avatar{color:#fff;background:linear-gradient(135deg,#6c7cff,#35d0bd);border-radius:14px;flex:none;place-items:center;font-weight:900;display:grid}.account-avatar{width:52px;height:52px}.account-card div{min-width:0}.account-card strong,.account-card span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.account-card span{color:var(--muted)}.spin{animation:.9s linear infinite spin}.app-preview{background:#17181d;border:1px solid #ffffff1f;border-radius:30px;grid-template-columns:74px 270px minmax(360px,1fr);height:min(690px,92svh - 120px);min-height:560px;display:grid;position:relative;overflow:hidden;box-shadow:0 34px 110px #00000070}.preview-rail{background:#0f1013;border-right:1px solid #ffffff14;align-content:start;gap:12px;padding:20px 12px;display:grid}.preview-server{color:#fff;background:#24262f;border-radius:15px;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.preview-server.active{border:2px solid var(--blue);background:linear-gradient(135deg,#2d344e,#1e2932)}.preview-server.add{color:var(--green)}.preview-sidebar{background:#15161a;border-right:1px solid #ffffff14;flex-direction:column;min-width:0;display:flex;position:relative}.preview-server-title{border-bottom:1px solid #ffffff14;min-height:74px;padding:20px 18px}.preview-server-title strong,.preview-server-title span{display:block}.preview-server-title span{color:#f3c642;margin-top:4px;font-size:12px;font-weight:800}.preview-channel-group{gap:5px;padding:18px;display:grid}.preview-channel-group>span{color:#8f929d;text-transform:uppercase;font-size:12px;font-weight:900}.preview-channel-group p{color:#c5c7d0;border-radius:10px;gap:10px;min-height:36px;margin:0;padding:0 10px}.preview-channel-group p.selected{color:#fff;background:#35d0bd1c;border:1px solid #35d0bd6b}.preview-channel-group b{background:#101115;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:12px}.voice-user{background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;margin:0 10px;padding:8px;font-size:13px;font-weight:800;display:flex}.mini-avatar{border-radius:9px;width:28px;height:28px}.preview-call-card{background:#0d201ba3;border:1px solid #35d0bd47;border-radius:16px;margin:auto 14px 14px;padding:14px}.preview-call-card span{color:var(--green);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;display:block;overflow:hidden}.preview-call-card strong{margin:5px 0 12px;display:block}.preview-call-card div{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.preview-call-card button{color:#fff;background:#ffffff14;border:0;border-radius:10px;place-items:center;min-height:36px;display:grid}.preview-main{background:#191a20;grid-template-rows:74px 1fr auto;min-width:0;display:grid}.preview-topbar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:18px;padding:0 22px;display:flex}.preview-topbar div,.preview-topbar span{gap:9px}.preview-topbar span{color:#8f929d;border:1px solid #ffffff1a;border-radius:11px;justify-content:flex-start;min-width:180px;min-height:38px;padding:0 12px}.preview-chat{align-content:start;gap:22px;padding:30px 28px;display:grid}.preview-message{grid-template-columns:46px minmax(0,1fr);gap:14px;max-width:660px;display:grid}.message-avatar{width:46px;height:46px}.preview-message header{align-items:baseline;gap:10px;display:flex}.preview-message time{color:#777b86;font-size:12px}.preview-message p{color:#d3d5dc;margin:4px 0 0;line-height:1.45}.preview-composer{color:#8f929d;background:#24252d;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:12px;min-height:58px;margin:0 22px 20px;padding:0 16px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:no-preference){.app-preview{animation:9s ease-in-out infinite previewFloat}.preview-call-card{animation:2.6s ease-in-out infinite callPulse}.primary-button{background-size:160% 160%;animation:6s infinite buttonShift}}@keyframes previewFloat{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}@keyframes callPulse{0%,to{border-color:#35d0bd47}50%{border-color:#64d98294}}@keyframes buttonShift{0%,to{background-position:0%}50%{background-position:100%}}@media (width<=980px){.site-header{grid-template-columns:1fr auto}.header-nav{display:none}.hero-section{gap:32px;min-height:auto;padding-top:116px;display:grid}.hero-background{order:2;width:100%;position:relative;inset:auto;transform:none}.app-preview{grid-template-columns:58px 230px minmax(300px,1fr);height:560px}.benefit-grid,.rooms-section,.download-section,.account-section{grid-template-columns:1fr}}@media (width<=720px){.site-header{padding:12px 14px}.brand span:last-child,.ghost-button{display:none}.primary-button,.secondary-button{min-height:44px}.hero-section{padding:96px 16px 56px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .primary-button,.hero-actions .secondary-button{width:100%}.status-strip{margin-top:-18px}.status-strip span{width:100%}.benefit-grid{grid-template-columns:1fr;padding-top:54px}.app-preview{grid-template-columns:54px minmax(0,1fr);min-height:520px}.preview-main{display:none}.preview-sidebar{border-right:0}.rooms-section,.download-section,.account-section{gap:24px;padding:48px 0}.download-card,.auth-panel,.benefit-item{border-radius:16px}}