.teammate-channels{grid-template-columns:1fr 1.08fr;align-items:center;gap:70px;padding-top:25px;padding-bottom:120px;display:grid}.channels-copy h2{font-size:clamp(38px,4vw,56px);font-weight:500;line-height:1.1}.channels-copy h2 em{color:#a37abc;font-style:normal}.channels-intro{color:#81718d;max-width:430px;margin-top:24px;font-size:17px;line-height:1.75}.channels-options{gap:25px;margin-top:32px;display:grid}.channel-option{align-items:flex-start;gap:17px;display:flex}.channel-icon{color:#9a73b5;background:#f1eafa;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:48px;display:grid}.channel-icon-slack{color:#ac80a8;background:#f7ebf3}.channel-option h3{letter-spacing:-.025em;margin:0 0 7px;font-size:19px;font-weight:500}.channel-option p{color:#81718d;max-width:350px;font-size:15px;line-height:1.7}.channel-option a{color:#795594;text-underline-offset:3px;align-items:center;gap:3px;text-decoration:underline;display:inline-flex}.channels-cta{color:#76538f;border-bottom:1px solid #d7c3e5;align-items:center;gap:18px;margin-top:32px;padding-bottom:5px;font-size:14px;display:inline-flex}.channels-cta:hover{color:#4c315f}.channels-scene{isolation:isolate;min-width:0;margin:0;padding:45px 0 50px;position:relative}.channels-scene:before{content:"";z-index:-2;background:radial-gradient(at 70% 28%,#eee5fb,#0000 68%),radial-gradient(at 25% 75%,#f8e7f1,#0000 65%);border-radius:48% 52% 56% 44%;position:absolute;inset:0 -25px 25px}.channels-orbit{z-index:-1;pointer-events:none;border:1px solid #dfd1ed80;border-radius:50%;position:absolute}.channels-orbit-one{inset:15px -20px 40px;transform:rotate(-18deg)}.channels-orbit-two{inset:40px 8px 5px;transform:rotate(20deg)}.channels-chat{background:#fffc;border:1px solid #ece4f3;border-radius:25px;overflow:hidden;transform:rotate(-2deg);box-shadow:0 22px 60px #72518712,0 4px 12px #72518705}.channels-chat-header{color:#756184;background:#f7f3fc;border-bottom:1px solid #eee6f4;justify-content:space-between;align-items:center;gap:12px;padding:21px 25px;font-size:13px;display:flex}.channels-chat-header>span:first-child{align-items:center;gap:9px;display:flex}.channels-chat-header strong{font-weight:500}.channels-team-label{color:#93809f;font-size:10px}.channels-chat-body{gap:25px;padding:27px 25px;display:grid}.channels-message{align-items:flex-start;gap:12px;display:flex}.channels-message>div{flex:1;min-width:0}.channels-avatar{color:#9376ac;background:#eee7f7;border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:10px;display:grid}.channels-protq-avatar{background:linear-gradient(135deg,#dde5fc,#e9dcf7 65%,#f3ddec);border:1px solid #fff;border-radius:12px;width:40px;height:40px;position:relative;overflow:hidden;box-shadow:0 4px 10px #a383bf24}.channels-protq-avatar img{width:170%;max-width:none;height:auto;position:absolute;top:-7%;left:-35%}.channels-sender{color:#5c476c;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13px;font-weight:500;display:flex}.channels-sender small{color:#9c89a9;font-size:10px;font-weight:400}.channels-message p{color:#7c6988;margin-top:6px;font-size:14px;line-height:1.65}.channels-brief{color:#8a6da0;background:#fcfaff;border:1px solid #e9e0f0;border-radius:12px;align-items:center;gap:10px;margin-top:13px;padding:11px 14px;font-size:12px;display:inline-flex}.channels-brief small{color:#9c89a9;margin-top:2px;font-size:10px;display:block}.channels-protq-message{background:linear-gradient(120deg,#f0eafa,#f8edf5);border-radius:18px;margin:0 -10px;padding:17px 15px}.channels-seen{color:#a18bac;align-items:center;gap:5px;margin-top:8px;font-size:10px;display:flex}.channels-chat-footer{color:#9a85a8;border-top:1px solid #f0eaf5;align-items:center;gap:10px;padding:15px 25px;font-size:11px;display:flex}.channels-typing{gap:3px;display:flex}.channels-typing i{background:#ad91c6;border-radius:50%;width:4px;height:4px;animation:2.4s ease-in-out infinite channel-dot}.channels-typing i:nth-child(2){animation-delay:.2s}.channels-typing i:nth-child(3){animation-delay:.4s}.channels-quality{color:#9775b1;background:#eee5f8;border:4px solid #fff;border-radius:20px;align-items:center;gap:12px;padding:15px 21px;font-size:11px;display:flex;position:absolute;bottom:25px;right:-14px;transform:rotate(4deg);box-shadow:0 9px 20px #795c8d0a}.channels-quality strong{color:#79608b;margin-top:3px;font-size:13px;font-weight:500;display:block}.channels-scene figcaption{color:#96839f;text-align:center;width:100%;font-size:11px;line-height:1.6;position:absolute;bottom:-25px}@keyframes channel-dot{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media (max-width:1100px){.teammate-channels{gap:40px}.channels-chat-header,.channels-chat-body{padding:20px}.channels-team-label{display:none}.channels-quality{right:-5px}}@media (max-width:800px){.teammate-channels{grid-template-columns:1fr;gap:25px;padding-top:10px;padding-bottom:85px}.channels-copy{max-width:560px}.channels-intro{max-width:520px}.channels-options{grid-template-columns:1fr 1fr;gap:22px}.channel-option{flex-direction:column;gap:12px}.channels-scene{justify-self:center;width:100%;max-width:540px}.channels-scene:before,.channels-orbit-one{inset-inline:0}}@media (max-width:500px){.channels-copy h2{font-size:39px}.channels-intro{margin-top:20px;font-size:16px}.channels-options{grid-template-columns:1fr;gap:23px;margin-top:27px}.channel-option{flex-direction:row;gap:14px}.channel-option h3{font-size:18px}.channel-option p{font-size:14px}.channel-icon{border-radius:13px;width:42px;height:42px}.channels-scene{padding-top:25px;padding-inline:5px}.channels-chat{border-radius:20px;transform:rotate(-1deg)}.channels-chat-header,.channels-chat-body{padding:19px 16px}.channels-chat-body{gap:22px}.channels-message{gap:9px}.channels-message p{font-size:13px}.channels-protq-message{margin-inline:-5px;padding:14px 9px}.channels-quality{padding:12px 15px;bottom:22px;right:0}.channels-scene figcaption{padding:0 15px;bottom:-24px}}@media (prefers-reduced-motion:reduce){.channels-typing i{animation:none}}@media (max-width:800px){.channels-scene .channels-orbit{transform:none}}@media (max-width:500px){.channels-scene{padding-bottom:0}.channels-quality{width:fit-content;margin:18px 0 0 auto;position:relative;bottom:auto;right:auto}.channels-scene figcaption{margin-top:20px;position:static}}