/* RingCentral partner revision: a centered co-brand and an orange-led outbound chapter. */
.partnership-plus { color: #ffd2a3; font-size: 30px; font-weight: 400; line-height: 1; margin-inline: 4px; }
.header-inner { gap: 28px; }
.header-ringcentral { width: 190px; }
.hero-grid { grid-template-columns: 1fr 1.05fr; min-height: 650px; padding: 44px 0 65px; }
.hero-copy { width: 100%; text-align: left; align-self: center; }
.hero-copy h1 { font-size: clamp(64px,5.8vw,84px); }
.hero-copy > p { max-width: 520px; font-size: 21px; margin-inline: 0; text-wrap: pretty; }
.hero .aurora-scene { --aurora-warm: #ff8a25; }
.hero-visual { padding: 0; }
h2 span { color: var(--ink); text-decoration: underline; text-decoration-color: #ffae6099; text-decoration-thickness: .095em; text-underline-offset: .14em; }
.case-section h2 span, .close-section h2 span { color: #ffb773; text-decoration: none; }
.capacity-section { background: radial-gradient(ellipse at 100% 10%, #ffdcb68c, transparent 65%), #f8f8fa; }
.throughput strong { color: var(--ink); }
.throughput { border-top-color: #e99a514a; }
.scope-tabs button[aria-selected="true"] { background: #a3440c; color: white; }
.ownership-note { border-left-color: #ff982f; }
.growth-story { border-top-color: #f6a25680; }
.security-section { background: radial-gradient(ellipse at 10% 90%, #ffdfbf8a, transparent 60%), #eef2f8; }
.outbound-section { position: relative; isolation: isolate; background: #fcf8f3; padding: 115px 0 0; overflow: clip; }
.outbound-section::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 3% 14%, #ffd5ad70, transparent 40%), radial-gradient(ellipse at 100% 42%, #f3b57e35, transparent 45%); pointer-events: none; }
.outbound-intro { display: grid; grid-template-columns: 1.15fr 1fr; gap: 88px; align-items: end; }
.outbound-intro h2 { font-size: clamp(43px,4.5vw,65px); max-width: 670px; }
.outbound-intro > p { font-size: 21px; line-height: 1.6; max-width: 490px; color: var(--body); }
.outbound-intro h2 span { display: inline; }
.outbound-audience { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 35px 0 50px; border-bottom: 1px solid #b278462d; margin-bottom: 55px; }
.outbound-audience > p { font-size: 16px; color: var(--body); margin-right: 12px; }
.outbound-audience > span { font-size: 14px; padding: 8px 16px; background: #fff9f0; border: 1px solid #daa77b60; border-radius: 100px; color: #6a432a; }
.outbound-engine { display: grid; grid-template-columns: .72fr 1.28fr; gap: 54px; align-items: stretch; }
.outbound-steps { display: flex; flex-direction: column; justify-content: space-between; gap: 8px; }
.outbound-steps button { display: grid; grid-template-columns: 44px 1fr; align-items: center; gap: 16px; width: 100%; text-align: left; padding: 21px 24px; background: transparent; border: 1px solid transparent; border-radius: 18px; color: var(--body); transition: background .25s, border-color .25s, color .25s; }
.outbound-steps button > span { font-size: 15px; color: #8b6649; }
.outbound-steps button strong { font-size: 23px; font-weight: 500; line-height: 1.2; }
.outbound-steps button[aria-selected="true"] { background: #fff; border-color: #e4b78c70; color: var(--ink); box-shadow: 0 10px 35px #75471f08; }
.outbound-steps button[aria-selected="true"] > span { background: #ff9e3a; color: #172435; border-radius: 50%; height: 36px; width: 36px; display: grid; place-items: center; }
.outbound-steps button:hover { background: #fff9; }
.outbound-detail { position: relative; isolation: isolate; min-height: 570px; background: #111e31; border-radius: 30px; padding: 38px 42px; color: #f9fcff; overflow: hidden; box-shadow: 0 28px 65px #35200e18, inset 0 1px 0 #fff3; display: flex; flex-direction: column; }
.outbound-detail::before { content: ""; position: absolute; z-index: -1; inset: 0; background: radial-gradient(ellipse at 92% 0%, #b15a2055, transparent 65%); }
.outbound-detail h3 { font-size: 34px; line-height: 1.15; max-width: 490px; margin-top: 30px; }
.outbound-detail > p { color: #c5d1e3; font-size: 19px; line-height: 1.6; margin-top: 18px; max-width: 520px; }
.outbound-path { display: flex; align-items: center; gap: 10px; width: 100%; }
.outbound-path > span { height: 3px; flex: 1; background: #91b0d22b; border-radius: 10px; transition: background .35s; }
.outbound-path > span.is-current { background: #ffa64e; box-shadow: 0 0 15px #ff9f3560; }
.outbound-result { margin-top: auto; padding-top: 30px; }
.outbound-result > span { display: block; color: #ffbd7b; font-size: 14px; margin-bottom: 9px; }
.outbound-result > p { border-top: 1px solid #f4b27c35; padding-top: 19px; color: #f5f8ff; font-size: 18px; }
.outbound-signals { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 24px; }
.outbound-signals > span { color: #d6e0ee; font-size: 13px; padding: 7px 12px; border: 1px solid #c6d3e52c; border-radius: 8px; background: #ffffff05; }
.outbound-channels { margin-top: 106px; padding-top: 70px; border-top: 1px solid #b278462d; }
.outbound-subhead { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: end; }
.outbound-subhead h3 { font-size: 43px; letter-spacing: -.025em; line-height: 1.1; max-width: 460px; }
.outbound-subhead > p { color: var(--body); font-size: 20px; max-width: 500px; }
.channel-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 0 42px; margin-top: 45px; }
.channel-item { padding: 28px 0 34px; border-top: 1px solid #c7976d58; }
.channel-item > span { display: block; height: 4px; width: 30px; background: #fa922b; border-radius: 10px; margin-bottom: 20px; }
.channel-item h4 { font-size: 24px; font-weight: 500; margin: 0 0 12px; line-height: 1.2; }
.channel-item p { font-size: 17px; color: var(--body); line-height: 1.6; }
.outbound-proof { margin-top: 64px; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid #e1b48e88; background: #fffaf5; border-radius: 24px; padding: 44px 48px; gap: 50px; }
.outbound-proof article + article { border-left: 1px solid #e1b48e88; padding-left: 50px; }
.outbound-proof strong { display: block; font-size: 66px; color: var(--ink); letter-spacing: -.04em; font-weight: 500; line-height: 1.1; }
.outbound-proof h4 { font-size: 22px; margin: 12px 0 14px; font-weight: 500; line-height: 1.3; }
.outbound-proof p { font-size: 14px; color: #667285; max-width: 420px; line-height: 1.6; }
.outbound-proof strong::after { content: ""; display: block; width: 44px; height: 4px; background: #ff9e3b; margin-top: 18px; }
.outbound-handoff { margin-top: 100px; padding: 75px 0 85px; background: #f0d4b7; background: linear-gradient(120deg,#ffe7cd,#f7c99c); position: relative; }
.outbound-handoff .wrap { display: grid; grid-template-columns: 1.05fr 1fr; gap: 90px; align-items: center; }
.outbound-handoff h3 { font-size: 48px; line-height: 1.1; letter-spacing: -.03em; }
.outbound-handoff p { font-size: 19px; line-height: 1.65; color: #4e4037; margin-top: 24px; }
.handoff-list { list-style: none; margin: 0; padding: 0; }
.handoff-list li { padding: 20px 0; border-top: 1px solid #a56a3a40; }
.handoff-list li:last-child { border-bottom: 1px solid #a56a3a40; }
.handoff-list strong { font-weight: 500; font-size: 22px; display: block; }
.handoff-list span { font-size: 17px; color: #5d493b; display: block; margin-top: 6px; }
@media (min-width:1800px) { .hero-grid { min-height:700px; } }
@media (max-width:1100px) { .outbound-intro,.outbound-subhead { gap:45px; } .outbound-engine { gap:28px; grid-template-columns:.8fr 1.2fr; } .outbound-detail { padding:32px; } .outbound-steps button { padding:20px 14px; gap:8px; } .outbound-steps button strong { font-size:20px; } .outbound-handoff .wrap { gap:50px; } }
@media (max-width:760px) { .header-inner { gap:18px; height:94px; } .header-ringcentral { width:145px; } .partnership-plus { font-size:23px; margin:0; } .header-inner .winspeed-lockup { width:162px; } .header-inner .winspeed-mark { width:40px; height:36px; } .header-inner .winspeed-wordmark { width:115px; } .hero-grid { grid-template-columns:1fr; gap:25px; min-height:0; padding:36px 0 15px; } .hero-copy h1 { font-size:66px; } .hero-copy > p { font-size:19px; max-width:550px; } .hero-visual { padding:0; max-width:560px; } .outbound-section { padding-top:75px; } .outbound-intro,.outbound-subhead,.outbound-handoff .wrap { grid-template-columns:1fr; gap:26px; } .outbound-intro h2 { font-size:46px; } .outbound-intro > p,.outbound-subhead > p { font-size:19px; } .outbound-audience { padding:28px 0 34px; gap:8px; margin-bottom:32px; } .outbound-audience > p { width:100%; margin-bottom:5px; } .outbound-audience > span { font-size:12px; padding:7px 11px; } .outbound-engine { grid-template-columns:1fr; gap:24px; } .outbound-steps { flex-direction:row; overflow-x:auto; gap:7px; padding:4px 0 12px; scrollbar-width:thin; scrollbar-color:#c68c5d transparent; } .outbound-steps button { flex:0 0 auto; width:auto; display:flex; gap:9px; padding:12px 14px; border-radius:12px; border-color:#b2784635; } .outbound-steps button > span { font-size:12px; height:26px!important; width:26px!important; display:grid;place-items:center; } .outbound-steps button strong { font-size:15px; white-space:nowrap; } .outbound-detail { min-height:530px; border-radius:22px; padding:30px; } .outbound-detail h3 { font-size:30px; margin-top:26px; } .outbound-detail > p { font-size:18px; } .outbound-result > p { font-size:17px; } .outbound-channels { margin-top:66px; padding-top:50px; } .outbound-subhead h3 { font-size:36px; } .channel-grid { grid-template-columns:1fr 1fr; gap:0 25px; margin-top:32px; } .channel-item h4 { font-size:22px; } .channel-item p { font-size:16px; } .outbound-proof { padding:31px; margin-top:35px; gap:28px; grid-template-columns:1fr; } .outbound-proof article+article { border-left:0; padding-left:0; border-top:1px solid #e1b48e88; padding-top:28px; } .outbound-proof strong { font-size:55px; } .outbound-handoff { margin-top:70px; padding:60px 0; } .outbound-handoff h3 { font-size:40px; } .outbound-handoff p { font-size:18px; margin-top:20px; } }
@media (max-width:400px) { .header-inner { gap:11px; } .header-ringcentral { width:132px; } .header-inner .winspeed-lockup { width:143px; gap:5px; } .header-inner .winspeed-mark { width:36px; height:32px; } .header-inner .winspeed-wordmark { width:102px; } .partnership-plus { font-size:20px; } .hero-copy h1 { font-size:59px; } .outbound-intro h2 { font-size:40px; } .outbound-detail { padding:26px; min-height:560px; } .channel-grid { grid-template-columns:1fr; } .channel-item { padding:26px 0; } }
@media (max-width:360px) { .header-ringcentral { width:112px; } .header-inner .winspeed-lockup { width:127px; } .header-inner .winspeed-mark { width:32px; } .header-inner .winspeed-wordmark { width:90px; } .header-inner { gap:9px; } .hero-copy h1 { font-size:52px; } }
@media (prefers-reduced-motion:reduce) { html:not([data-motion="full"]) .outbound-steps button, html:not([data-motion="full"]) .outbound-path > span { transition:none; } }
.campaign-history { margin-top: 24px; border-bottom: 1px solid #b2784635; padding-bottom: 18px; color: var(--body); }
.campaign-history summary { font-size: 15px; padding: 12px 0; }
.campaign-history > div { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; padding: 18px 0; }
.campaign-history p { font-size: 15px; line-height: 1.7; }
@media (max-width:760px) { .campaign-history > div { grid-template-columns:1fr; gap:18px; } }
/* The compact proof badge uses the same polished material as the interface. */
.partner-badge { position:relative; isolation:isolate; display:flex; align-items:center; gap:13px; width:fit-content; max-width:100%; margin-top:28px; padding:12px 18px 12px 12px; border:1px solid #ffd3a452; border-radius:17px; background:linear-gradient(155deg,#6b594b60 0%,#293648cf 45%,#152033e8 100%); box-shadow:inset 0 1px 0 #ffffff38,inset 0 -1px 0 #050b16a6,0 8px 24px #0003,0 0 24px #ff9b160b; text-align:left; overflow:hidden; }
.partner-badge::before { content:""; position:absolute; z-index:-1; inset:0 0 45%; border-radius:inherit; background:linear-gradient(180deg,#ffffff16,#ffffff00); pointer-events:none; }
.partner-badge__rank { display:grid; place-items:center; flex:none; width:48px; height:48px; border:1px solid #ffdc9c; border-radius:12px; background:linear-gradient(160deg,#ffe8b8 0%,#ffbb5f 43%,#f79225 52%,#d96d0e 100%); box-shadow:inset 0 1px 2px #fff9,inset 0 -2px 3px #9c42055c,0 3px 10px #0004; color:#32200f; font-size:29px; font-weight:500; letter-spacing:-.06em; line-height:1; text-shadow:0 1px 0 #ffe3b86b; }
.partner-badge__copy b { display:block; color:#fff9f1; font-size:18px; font-weight:500; letter-spacing:-.015em; line-height:1.2; }
.partner-badge__copy span { display:block; color:#ffc68b; font-size:11px; line-height:1.4; margin-top:3px; }
.partner-badge__copy small { display:block; color:#cad4e2; font-size:11px; line-height:1.45; margin-top:4px; }
@media (max-width:360px) { .partner-badge { padding:11px 13px 11px 11px; gap:11px; } .partner-badge__rank { width:42px; height:42px; font-size:26px; } .partner-badge__copy b { font-size:17px; } }
/* A simple plus keeps the co-brand clean. */
.header-inner { height: 132px; gap: 30px; }
.header-ringcentral { width: 244px; }
.header-inner .winspeed-lockup { width: 263px; gap: 12px; }
.header-inner .winspeed-mark { width: 72px; height: 62px; }
.header-inner .winspeed-wordmark { width: 179px; height: 40px; }
.partnership-plus { width: 44px; height: 44px; display: block; flex: none; margin-inline: 5px; transform: none; }
.partnership-plus svg { width:100%; height:100%; fill:none; stroke:#ffb45f; stroke-width:2.2; stroke-linecap:round; }
.outbound-intro { margin-bottom: 58px; }
@media (max-width:760px) { .header-inner { height:112px; gap:16px; } .header-ringcentral { width:160px; } .header-inner .winspeed-lockup { width:182px; gap:8px; } .header-inner .winspeed-mark { width:49px; height:42px; } .header-inner .winspeed-wordmark { width:125px; height:28px; } .partnership-plus { width:29px; height:29px; margin:0; } .outbound-intro { margin-bottom:36px; } }
@media (max-width:440px) { .header-inner { gap:11px; } .header-ringcentral { width:145px; } .header-inner .winspeed-lockup { width:162px; gap:7px; } .header-inner .winspeed-mark { width:43px; height:37px; } .header-inner .winspeed-wordmark { width:112px; height:25px; } .partnership-plus { width:27px; height:27px; } }
@media (max-width:400px) { .header-inner { gap:8px; } .header-ringcentral { width:136px; } .header-inner .winspeed-lockup { width:149px; gap:6px; } .header-inner .winspeed-mark { width:40px; height:35px; } .header-inner .winspeed-wordmark { width:103px; height:23px; } .partnership-plus { width:26px; height:26px; } }
@media (max-width:360px) { .header-inner { gap:6px; } .header-ringcentral { width:112px; } .header-inner .winspeed-lockup { width:125px; gap:5px; } .header-inner .winspeed-mark { width:33px; height:29px; } .header-inner .winspeed-wordmark { width:87px; height:20px; } .partnership-plus { width:20px; height:24px; } }
#outbound-title { width:fit-content; max-width:100%; position:relative; padding-bottom:27px; }
#outbound-title span { display:inline-block; max-width:100%; text-decoration:none; }
#outbound-title::after { content:""; position:absolute; left:0; bottom:0; width:100%; height:24px; pointer-events:none; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 30' preserveAspectRatio='none'%3E%3Cpath fill='%23F58D24' d='m1 19 133-5 149-3 147-5 169-5-8 10-148 7-158 4-147 6L4 30Z'/%3E%3Cpath fill='%23fff4df' opacity='.5' d='m30 24 137-5 118-1-164 7Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
@media (max-width:760px) { #outbound-title { padding-bottom:22px; } #outbound-title::after { height:19px; } }

/* Stronger chapter contrast and permanently visible outbound controls. */
.outbound-section {
  background: #122238;
  color: #f7f6f2;
}
.outbound-section::before {
  background:
    radial-gradient(ellipse at 100% 0%, #d577292b, transparent 42%),
    radial-gradient(ellipse at 0% 52%, #24578825, transparent 44%),
    linear-gradient(160deg, #172c4200 48%, #0b192a70 100%);
}
.outbound-intro { grid-template-columns: 1fr; }
.outbound-intro h2, #outbound-title span { color: #f7f6f2; }
.outbound-engine { gap: 32px; }
.outbound-steps { gap: 12px; }
.outbound-steps button {
  position: relative;
  isolation: isolate;
  min-height: 100px;
  padding: 22px 24px;
  border: 1px solid #b4cce36b;
  border-radius: 16px;
  background: linear-gradient(115deg, #ffffff16, transparent 48%), linear-gradient(180deg, #405872ed 0%, #2c4059f2 47%, #182b43fa 100%);
  color: #edf2f8;
  box-shadow: inset 0 1px 0 #ffffff4a, inset 0 -2px 2px #081423a6, 0 8px 20px #050e1b40;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  cursor: pointer;
  transition: background .2s, border-color .2s, color .2s, box-shadow .2s;
}
.outbound-steps button::before { content:""; position:absolute; z-index:-1; inset:0 0 44%; border-radius:15px 15px 35% 35%; background:linear-gradient(180deg,#ffffff17,#ffffff00); pointer-events:none; }
.outbound-steps button > span {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid #a3bad147;
  border-radius: 50%;
  background: linear-gradient(180deg, #14263f, #2e435d);
  color: #ffbf81;
  font-weight: 500;
  box-shadow: inset 0 1px 3px #07101c8c, 0 1px 0 #fff2;
}
.outbound-steps button:hover {
  background: linear-gradient(115deg, #ffffff21, transparent 48%), linear-gradient(180deg, #4b6681 0%, #344d68 47%, #20364f 100%);
  border-color: #d3e3f0ad;
  box-shadow: inset 0 1px 0 #ffffff70, inset 0 -2px 2px #081423a6, 0 10px 24px #050e1b50;
}
.outbound-steps button[aria-selected="true"],
.outbound-steps button[aria-selected="true"]:hover {
  background: linear-gradient(118deg,#fff5d94a,transparent 55%), linear-gradient(180deg, #ffdfae 0%, #ffc17a 46%, #f5a34e 100%);
  border-color: #ffe3b5;
  color: #172a42;
  box-shadow: inset 0 1px 1px #fff9, inset 0 -2px 2px #b9652266, 0 5px 20px #ec850d16, 0 10px 25px #050e1b4d;
}
.outbound-steps button[aria-selected="true"] > span {
  background: linear-gradient(180deg, #e79846, #ffcd86);
  border-color: #bd702c5e;
  color: #15283e;
}
.outbound-steps button:focus-visible {
  outline: 3px solid #ffb86e;
  outline-offset: 4px;
}
.outbound-detail {
  background: linear-gradient(145deg, #486079a6, #223a54e8 36%, #14283ff5 100%);
  border: 1px solid #b4cbe361;
  box-shadow: 0 24px 60px #06101e59, inset 0 1px 1px #ffffff5e, inset 0 -2px 2px #061222a6;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}
.outbound-detail::before {
  background: linear-gradient(118deg, #ffffff16 0%, #ffffff06 32%, transparent 48%), radial-gradient(ellipse at 100% 0%, #e7ab7130, transparent 55%);
}
.outbound-detail::after { content:""; position:absolute; inset:5px; border:1px solid #deebfa12; border-top-color:#f0f6ff24; border-radius:24px; pointer-events:none; }
.outbound-detail > p { color: #d1dce9; }
.outbound-channels {
  border-top-color: #9ab2cd40;
  margin-top: 90px;
}
.outbound-subhead h3 { color: #fff7ed; }
.outbound-subhead > p { color: #c4d2e2; }
.channel-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 42px;
}
.channel-item {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  padding: 28px 29px 30px;
  border: 1px solid #ffffffa3;
  border-radius: 20px;
  background: linear-gradient(130deg, #ffffffec 0%, #edf4fce8 43%, #c9d8e8df 100%);
  box-shadow: 0 16px 32px #06101c4d, inset 0 1px 1px #fff, inset 0 -2px 2px #7c94ac52;
  color: #182b42;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  overflow: hidden;
}
.channel-item::before { content:""; position:absolute; z-index:-1; inset:0; border-radius:inherit; background:linear-gradient(135deg, #fff8 0%, #fff0 46%, #fff0 72%, #ffcd9133 100%); pointer-events:none; }
.channel-item::after { content:""; position:absolute; inset:4px; border:1px solid #ffffff4f; border-bottom-color:#f7fbff1a; border-radius:16px; pointer-events:none; }
.channel-item > span {
  width: 42px;
  height: 4px;
  margin-bottom: 25px;
  border-radius: 2px;
  background: linear-gradient(180deg,#ffbe6c,#d37312);
  box-shadow: 0 1px 1px #fff, inset 0 1px 0 #ffdc9d;
}
.channel-item h4 {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 13px;
  color: #172b43;
}
.channel-item p { color: #4a5868; font-size: 17px; line-height: 1.6; }
.outbound-proof {
  margin-top: 44px;
  border-color: #ffbd7852;
  background: linear-gradient(155deg,#26374caa,#0d1c30ee 65%);
  box-shadow: inset 0 1px 0 #ffffff29, inset 0 -1px 0 #050d18, 0 12px 28px #06101c2b;
}
.outbound-proof strong { color: #ffb46d; }
.outbound-proof h4 { color: #f6f4f0; }
.outbound-proof p { color: #b9c8da; }
.outbound-proof article + article { border-color: #9aaecb35; }
.outbound-handoff { color: #14263e; }
@media (max-width:1100px) {
  .outbound-steps button { padding: 20px 16px; }
  .channel-item { padding: 26px; }
}
@media (min-width:761px) and (max-width:950px) {
  .channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width:760px) {
  .outbound-engine { gap: 24px; }
  .outbound-steps { gap: 10px; padding: 5px 5px 14px; margin-inline: -5px; }
  .outbound-steps button {
    min-height: 58px;
    padding: 13px 16px;
    border-color: #b4cce36b;
    border-radius: 12px;
  }
  .outbound-steps button::before { border-radius:11px 11px 35% 35%; }
  .outbound-detail::after { border-radius:17px; }
  .outbound-channels { margin-top: 64px; padding-top: 48px; }
  .channel-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 32px; }
  .channel-item { padding: 25px; border-radius: 17px; }
  .channel-item h4 { font-size: 22px; }
  .outbound-proof { margin-top: 32px; }
}
@media (max-width:560px) {
  .channel-grid { grid-template-columns: 1fr; gap: 15px; }
  .channel-item { padding: 25px 26px 28px; }
  .channel-item > span { margin-bottom: 20px; }
}