.home-channels{display:flex;flex-direction:column;align-items:center;padding:96px 24px}.home-channels-header{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:1100px;text-align:center}.home-channels-header p{max-width:640px;margin:0;color:#6b7286;font:400 18px/27px var(--site-ui);text-wrap:balance}.channel-tabs{display:flex;justify-content:center;max-width:100%;margin:36px 0 44px}.channel-tab-icon{width:16px;height:16px;margin-right:6px;border-radius:4px;object-fit:contain;vertical-align:-3px}.channel-card-frame{width:min(1100px,100%)}.channel-card{--channel-layout: row;position:relative;display:flex;width:1100px;height:600px;overflow:clip;border-radius:24px;background:radial-gradient(ellipse 60% 90% at 78% 0%,#eef1f7,#fff);box-shadow:0 0 0 1px #14265314,0 1px 2px #1426530a,0 24px 48px -28px #14265329;transform-origin:top left}@keyframes channel-in{0%{opacity:0;translate:0 6px}}.channel-copy{display:flex;flex-direction:column;flex-shrink:0;justify-content:space-between;width:460px;padding:56px 0 48px 56px;font-family:var(--site-sans)}.channel-copy>div:first-child{display:flex;flex-direction:column;gap:28px;width:380px}.channel-role{display:flex;align-items:center;gap:10px;margin:0;color:var(--site-subtle);font-size:13px;font-weight:500;line-height:16px}.channel-lines{display:flex;flex-direction:column;gap:18px}.channel-line{position:relative;margin:0;padding:0;border:0;background:none;color:#b4bbcb;font:inherit;font-size:18px;letter-spacing:-.01em;line-height:28px;text-align:left;text-wrap:pretty;cursor:pointer;transition:color .3s ease-out}.channel-line:before{content:"";position:absolute;inset:-8px -6px}.channel-line span{transition:color .3s ease-out}.channel-line[data-active]{color:var(--site-ink)}.channel-line[data-active] span{color:#1f45e6}@media(hover:hover)and (pointer:fine){.channel-line:not([data-active]):hover{color:#8a94ad}}.channel-anchor{display:inline-block;width:0;height:.52em;vertical-align:baseline}.channel-explore{align-self:flex-start;padding-inline:12px 10px}.channel-explore svg{transition:translate .15s ease-out}@media(hover:hover)and (pointer:fine){.channel-explore:hover svg{translate:2px 0}}.channel-phone{position:absolute;top:40px;left:580px;width:450px;height:920px;-webkit-user-select:none;user-select:none}.channel-phone-screen{position:absolute;top:23px;left:24px;width:402px;height:874px;overflow:hidden;border-radius:55px;background:#fff}.channel-card[data-animate] .channel-copy,.channel-card[data-animate] .channel-phone-screen{animation:channel-in .26s cubic-bezier(.23,1,.32,1) both}.channel-phone-frame{position:absolute;inset:0;width:450px;height:920px;max-width:none;pointer-events:none}.channel-connector{position:absolute;inset:0;pointer-events:none}.channel-card[data-animate] .channel-connector{animation:channel-line .3s ease-out .12s both}.channel-connector path{fill:none;stroke:#1f45e680;stroke-width:1.25;stroke-linecap:round;stroke-dasharray:3 4;transition:d .4s cubic-bezier(.65,0,.35,1)}.channel-connector circle{fill:#1f45e6;transition:translate .4s cubic-bezier(.65,0,.35,1)}@keyframes channel-line{0%{opacity:0}}@media(max-width:899px){.home-channels{padding:72px 16px}.home-channels-title{font-size:clamp(34px,9vw,44px)}.home-channels-header p{font-size:16px;line-height:24px}.channel-card-frame{height:auto!important}.channel-card{--channel-layout: stacked;flex-direction:column;width:100%;height:auto;scale:none!important;border-radius:20px}.channel-copy{width:auto;padding:28px 24px 0;gap:28px}.channel-copy>div:first-child{width:auto}.channel-lines{gap:12px}.channel-line{font-size:16px;line-height:24px}.channel-phone{position:relative;top:auto;left:auto;width:100%;height:440px;margin-top:28px;overflow:hidden}.channel-phone-screen,.channel-phone-frame{left:50%;translate:-50% 0}.channel-phone-screen{top:23px;margin-left:0}.channel-phone>*{transform-origin:top center}.channel-phone{--phone-scale: .7}.channel-phone-frame{top:0;scale:var(--phone-scale)}.channel-phone-screen{top:calc(23px * var(--phone-scale));scale:var(--phone-scale)}}
