html{scroll-behavior:smooth;scroll-padding-top:calc(var(--navbar-height) + 1rem)}.try_matrix{flex-direction:column;display:flex}@media (width<=767px){.try_matrix .hide-on-mobile{display:none!important}.try_matrix .show-primary-on-mobile{color:#fff!important;background-color:#000!important;border-color:#000!important}}.try_matrix .step-background{padding:5rem 5.625rem}@media (width<=767px){.try_matrix .step-background{padding:1rem}}.try_matrix .step-background.coloured{background-color:#fafafa}.try_matrix .step-background.quickstart{min-height:calc(100svh - var(--page-header-height) - var(--navbar-height));align-items:center;display:flex}.try_matrix .step{grid-template-columns:1fr 1fr;width:100%;display:grid}@media (width<=767px){.try_matrix .step{grid-template-columns:1fr}}.try_matrix .step{margin-block:auto}.try_matrix .step .instructions{flex-direction:column;padding-block:1rem;display:flex}.try_matrix .step .instructions h2{margin-top:0;font-size:clamp(1.7rem,5vw,2.2rem)}.try_matrix .step .instructions p{font-size:clamp(1rem,2.5vw,1.1rem)}.try_matrix .step>img{max-width:360px;max-height:220px;margin:auto}@media (width<=767px){.try_matrix .step>img{max-width:calc(100% - 2rem);margin-block:2rem}}.try_matrix .step.no-image{grid-template-columns:1fr}.try_matrix .step.no-image .instructions{width:100%;max-width:60rem;margin-inline:auto}.try_matrix .cta-wrapper{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}@media (width<=767px){.try_matrix .cta-wrapper .call-to-action{text-align:center;font-size:clamp(.85rem,4vw,1.125rem)}}.try_matrix .quickstart-instructions{text-align:center;align-items:center}.try_matrix .quickstart-instructions .desktop-only{display:block}.try_matrix .quickstart-instructions .mobile-only{display:none}.try_matrix .quickstart-instructions h2{margin-bottom:.5rem;font-size:clamp(1.6rem,6vw,2.8rem)}.try_matrix .quickstart-instructions>p{max-width:42rem;font-size:clamp(1rem,2.5vw,1.1rem)}@media (width<=767px){.try_matrix .quickstart-instructions .desktop-only{display:none}.try_matrix .quickstart-instructions .mobile-only{display:block}}.try_matrix .scroll-down-indicator{margin-top:1.5rem;display:inline-block}.try_matrix .scroll-down-indicator img{opacity:.45;width:2rem;height:2rem;animation:2s ease-in-out infinite scroll-bounce}.try_matrix .scroll-down-indicator:hover img{opacity:.75}@keyframes scroll-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.try_matrix .client-cards{flex-direction:column;gap:.6rem;margin-top:1.25rem;margin-bottom:.5rem;display:flex}.try_matrix .client-card{border:1px solid #d2d2d2;border-radius:14px;transition:border-color .2s;overflow:hidden}.try_matrix .client-card[open]{border-color:#aaa}.try_matrix .client-card:hover{border-color:#888}.try_matrix .client-card-summary{cursor:pointer;user-select:none;padding:.85rem 1.1rem;list-style:none}@media (width<=600px){.try_matrix .client-card-summary{padding:.5rem .75rem}}.try_matrix .client-card-summary::-webkit-details-marker{display:none}.try_matrix .client-card-summary::marker{display:none}.try_matrix .client-card-summary:hover{background-color:#fafafa}.try_matrix .client-card-summary-inner{grid-template-columns:40px 1fr auto .75rem;align-items:center;gap:0 .85rem;display:grid}@media (width<=600px){.try_matrix .client-card-summary-inner{grid-template-columns:36px 1fr .75rem}}.try_matrix .client-card-summary-inner:after{content:"";border-bottom:2px solid #666;border-right:2px solid #666;justify-self:center;width:.55rem;height:.55rem;transition:transform .2s;display:block;transform:rotate(45deg)}.try_matrix .client-card[open] .client-card-summary-inner:after{transform:rotate(-135deg)translateY(-2px)}.try_matrix .client-card-icon{object-fit:contain;border-radius:8px;flex-shrink:0;width:40px;height:40px}@media (width<=600px){.try_matrix .client-card-icon{aspect-ratio:1;border-radius:10px;width:100%;height:auto}}.try_matrix .client-card-header-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.try_matrix .client-card-name{font-size:1.05rem;font-weight:700;line-height:1.2}@media (width<=600px){.try_matrix .client-card-name{font-size:1rem}}.try_matrix .client-card-anchor{color:#aaa;opacity:0;margin-left:.3rem;font-size:.85rem;font-weight:400;text-decoration:none;transition:opacity .15s}.try_matrix .client-card-anchor:hover{color:var(--color-link)}.try_matrix .client-card-summary:hover .client-card-anchor{opacity:1}.try_matrix .client-card-good-for{color:#555;font-size:.95rem;line-height:1.3}@media (width<=600px){.try_matrix .client-card-good-for{font-size:.875rem}}.try_matrix .client-card-summary-platforms{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}@media (width<=600px){.try_matrix .client-card-summary-platforms{display:none}}.try_matrix .client-card-body{border-top:1px solid #e8e8e8;grid-template-columns:440px minmax(0,1fr);gap:0;display:grid}@media (width<=700px){.try_matrix .client-card-body{grid-template-columns:1fr}}.try_matrix .client-card-screenshot-wrap{aspect-ratio:4/3;background-color:#f5f5f5;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex;overflow:hidden}.try_matrix .client-card-screenshot-trigger{cursor:zoom-in;line-height:0;display:block;position:relative}.try_matrix .client-card-screenshot-trigger:after{content:"⤢";color:#fff;pointer-events:none;opacity:.85;z-index:1;background:#0000008c;border-radius:4px;padding:.3rem .5rem;font-size:1.1rem;line-height:1;position:absolute;bottom:.4rem;right:.4rem}.try_matrix .client-card-screenshot{object-fit:contain;object-position:center;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.try_matrix .client-card-screenshot-wrap--multi{align-items:stretch;padding:.5rem}.try_matrix .client-card-screenshot-wrap--multi .client-card-screenshot-trigger{border-radius:4px;flex:1;min-width:0;overflow:hidden}.try_matrix .client-card-screenshot-wrap--multi .client-card-screenshot{width:100%;height:100%;max-width:unset;max-height:unset;object-fit:cover;object-position:top center;border-radius:0}.try_matrix .client-lightbox{z-index:1000;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.try_matrix .client-lightbox:target{display:flex}.try_matrix .client-lightbox img{z-index:2;object-fit:contain;border-radius:10px;width:auto;max-width:min(90vw,1200px);height:auto;max-height:90vh;margin:0;position:relative;box-shadow:0 8px 40px #0009}.try_matrix .client-lightbox-backdrop{z-index:1;cursor:zoom-out;background:#000000d9;position:fixed;inset:0}.try_matrix .client-lightbox-close{z-index:3;color:#fff;opacity:.8;cursor:pointer;font-size:2rem;line-height:1;text-decoration:none;position:fixed;top:1rem;right:1.25rem}.try_matrix .client-lightbox-close:hover{opacity:1}.try_matrix .client-card-screenshot-placeholder span{color:#999;font-size:.85rem;font-style:italic}.try_matrix .client-card-details{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}@media (width<=700px){.try_matrix .client-card-details{gap:.75rem;padding:.85rem 1rem}}.try_matrix .client-card-description{color:var(--color-text);margin:0;font-size:1rem;line-height:1.55}@media (width<=700px){.try_matrix .client-card-description{font-size:.9rem}}.try_matrix .client-card-features{flex-wrap:wrap;gap:.35rem;display:flex}.try_matrix .client-feat-pill{color:#1a3a80;white-space:nowrap;background-color:#e9f0ff;border:1px solid #bcd0f7;border-radius:9999px;padding:.2rem .6rem;font-size:.78rem;font-weight:500;display:inline-block}.try_matrix .client-card-downloads{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.try_matrix .client-card-downloads a{line-height:0;display:inline-block}.try_matrix .client-card-downloads a img{border-radius:6px;width:auto;max-width:none;height:36px;margin:0}@media (width<=700px){.try_matrix .client-card-downloads a img{height:44px}}.try_matrix .client-card-more-link{color:var(--color-text);background-color:#f0f0f0;border:1px solid #d2d2d2;border-radius:9999px;align-self:flex-start;padding:.3rem .9rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background-color .15s,border-color .15s;display:inline-block}.try_matrix .client-card-more-link:hover{background-color:#e4e4e4;border-color:#aaa}.try_matrix .platform-pill{white-space:nowrap;border:1px solid;border-radius:9999px;padding:.1rem .45rem;font-size:.72rem;font-weight:500;display:inline-block}.try_matrix .platform-pill--ios{color:#1a4db0;background:#e8f1ff;border-color:#9be}.try_matrix .platform-pill--android{color:#1a6b32;background:#e6f4ea;border-color:#7acc8a}.try_matrix .platform-pill--web{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.try_matrix .platform-pill--windows{color:#0a6b62;background:#e6f9f7;border-color:#7fd6ce}.try_matrix .platform-pill--macos{color:#374151;background:#f3f3f3;border-color:#d1d5db}.try_matrix .platform-pill--linux{color:#92400e;background:#fff4e5;border-color:#fcd9a0}.try_matrix .account-tiers{flex-direction:column;gap:1.25rem;margin-top:1.5rem;display:flex}.try_matrix .account-tier{border:1px solid #d2d2d2;border-radius:16px;padding:1.5rem 2rem}@media (width<=767px){.try_matrix .account-tier{padding:1rem}}.try_matrix .account-tier>p{margin-top:.5rem;margin-bottom:1rem}.try_matrix .account-tier>.call-to-action{display:inline-block}.try_matrix .account-tier .account-tier-header{align-items:center;gap:.75rem;display:flex}.try_matrix .account-tier .account-tier-header h3{margin:0;font-size:1.4rem;font-weight:700}.try_matrix .tier-badge{white-space:nowrap;border-radius:9999px;padding:.15rem .7rem;font-size:.85rem;font-weight:500}.try_matrix .tier-badge.foundation,.try_matrix .tier-badge.commercial{color:#333;background-color:#e9e9e9;border:1px solid #888}.try_matrix .tier-badge.community{color:#0c3c5c;background-color:#d5e8f6;border:1px solid #0c3c5c}.try_matrix .matrixorg-plans{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=767px){.try_matrix .matrixorg-plans{grid-template-columns:1fr}}.try_matrix .matrixorg-plans .plan-card{border:1px solid #d2d2d2;border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem 1.5rem;display:flex}@media (width<=767px){.try_matrix .matrixorg-plans .plan-card{border-left:0;border-right:0;border-radius:0}.try_matrix .matrixorg-plans .plan-card .call-to-action{font-size:clamp(.85rem,4vw,1.125rem)}}.try_matrix .matrixorg-plans .plan-card.featured{background-color:#f7fff5;border-color:#245c0c}.try_matrix .matrixorg-plans .plan-card h4{margin:0;font-size:1.1rem;font-weight:700}.try_matrix .matrixorg-plans .plan-card ul{flex:1;margin:0;padding-left:1.25rem}.try_matrix .matrixorg-plans .plan-card ul li{font-size:1rem;line-height:1.7}.try_matrix .matrixorg-plans .plan-card .call-to-action{text-align:center;align-self:stretch}.try_matrix .providers-carousel{--items:6;--carousel-duration:30s;--item-width:190px;--item-gap:1rem;cursor:grab;height:11rem;margin-bottom:.25rem;position:relative;overflow:clip;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.try_matrix .providers-carousel:active{cursor:grabbing}.try_matrix .providers-carousel:hover .provider-compact{animation-play-state:paused}@media (prefers-reduced-motion:reduce){.try_matrix .providers-carousel{gap:var(--item-gap);cursor:auto;height:auto;display:flex;overflow-x:auto}.try_matrix .providers-carousel .provider-compact{flex:0 0 var(--item-width);animation:none;position:relative;left:auto}}.try_matrix .providers-carousel .provider-compact:first-child{--i:0}.try_matrix .providers-carousel .provider-compact:nth-child(2){--i:1}.try_matrix .providers-carousel .provider-compact:nth-child(3){--i:2}.try_matrix .providers-carousel .provider-compact:nth-child(4){--i:3}.try_matrix .providers-carousel .provider-compact:nth-child(5){--i:4}.try_matrix .providers-carousel .provider-compact:nth-child(6){--i:5}.try_matrix .providers-carousel .provider-compact:nth-child(7){--i:6}@keyframes providers-marquee{to{transform:translateX(calc(var(--items) * (var(--item-width) + var(--item-gap)) * -1))}}.try_matrix .provider-compact{top:0;left:calc(100% + var(--item-gap));width:var(--item-width);height:100%;animation:providers-marquee var(--carousel-duration) linear infinite;animation-delay:calc(var(--carousel-duration) / var(--items) * var(--i) * -1);color:var(--color-text);border:1px solid #d2d2d2;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.25rem 1rem;text-decoration:none;transition:border-color .3s,background-color .3s;display:flex;position:absolute}.try_matrix .provider-compact:hover{background-color:#f5f5f5;border-color:#000}.try_matrix .provider-compact img{object-fit:contain;width:100%;height:3rem}.try_matrix .provider-compact .provider-name{text-align:center;font-size:1rem;font-weight:600;line-height:1.2}.try_matrix .provider-compact .provider-since{color:#666;font-size:.8rem}.try_matrix .provider-compact .provider-audience{flex-wrap:wrap;justify-content:center;gap:.2rem;display:flex}.try_matrix .provider-compact .audience-tag{white-space:nowrap;border:1px solid;border-radius:9999px;padding:.1rem .4rem;font-size:.7rem}.try_matrix .provider-compact .audience-tag--consumer{color:#1a4db0;background:#e8f1ff;border-color:#9be}.try_matrix .provider-compact .audience-tag--business{color:#374151;background:#f3f3f3;border-color:#d1d5db}.try_matrix .homeserver-info-link{text-align:right;margin-top:1rem;font-size:1rem!important}.try_matrix .homeserver-info-link a{color:var(--color-text-light)}
