.productivity-section{scroll-margin-top:120px}.productivity-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:end}.productivity-heading h2{font-size:clamp(32px,3.4vw,48px);line-height:1.12;max-width:660px;margin-bottom:0}.productivity-heading>p{font-size:18px;line-height:1.65;color:var(--grey)}.productivity-brand{height:42px;width:170px;object-fit:contain;object-position:left;margin-bottom:26px}.productivity-apps{list-style:none;display:flex;flex-wrap:wrap;gap:28px;padding:26px 0;margin:22px 0 28px;border-bottom:1px solid var(--line)}.productivity-apps li{display:flex;align-items:center;gap:10px;font-size:15px}.productivity-apps img{height:40px;width:40px;object-fit:contain}.productivity-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.productivity-plan{display:flex;flex-direction:column;border:1px solid #dce0e2;padding:26px;background:white;border-radius:4px}.productivity-plan.recommended{border:2px solid var(--orange);padding:25px}.plan-label{min-height:40px;font-size:14px;font-weight:700;color:#bd3516}.productivity-plan h3{font-size:26px;margin:0 0 12px}.plan-summary{color:var(--grey);min-height:52px;margin:0}.productivity-plan ul{padding-left:20px;line-height:1.55;font-size:16px;flex:1;margin:20px 0 28px}.productivity-plan li{margin:0 0 12px}.productivity-plan li::marker{color:var(--orange)}.productivity-plan .btn{align-self:stretch;text-align:center}.productivity-note{font-size:14px;line-height:1.6;color:var(--grey);max-width:980px;margin:26px 0 0}.phone-jump{flex-wrap:wrap}@media(max-width:800px){.productivity-heading{grid-template-columns:1fr;gap:16px}.productivity-plans{grid-template-columns:1fr}.plan-summary{min-height:0}.productivity-apps{gap:18px}.productivity-apps li{font-size:14px}.productivity-apps img{width:32px;height:32px}.productivity-section{scroll-margin-top:95px}}

.productivity-apps .productivity-feature-icon{width:40px;height:40px;flex-shrink:0;color:var(--orange)}
@media(max-width:800px){.productivity-apps .productivity-feature-icon{width:32px;height:32px}}

/* Shared package application grids for Google Workspace, Microsoft 365 and Webex. */
.plan-apps-block{margin:20px 0 0;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.productivity-plan .plan-apps-label{margin:0 0 12px;font-size:14px;line-height:1.4;font-weight:600;color:var(--charcoal)}
.productivity-plan .plan-apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 10px;align-items:start;flex:none;list-style:none;padding:0;margin:0}
.productivity-plan .plan-apps li{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:0;margin:0;min-width:0;text-align:center}
.productivity-plan .plan-apps img{display:block;width:30px;height:30px;object-fit:contain}
.productivity-plan .plan-apps span{font-size:14px;font-weight:400;line-height:1.35;color:var(--charcoal);overflow-wrap:anywhere}
@media(max-width:1150px) and (min-width:801px){.productivity-plan .plan-apps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:480px){.productivity-plan .plan-apps{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Give Webex feature names enough room and align the card content. */
#webex-suite .productivity-heading{margin-bottom:32px}
#webex-suite .plan-apps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}
#webex-suite #webex-suite-engagement .plan-apps{grid-template-columns:repeat(4,minmax(0,1fr))}
#webex-suite .plan-apps span{overflow-wrap:normal;word-break:normal;hyphens:none}
#webex-suite .plan-apps-block{min-height:146px}
@media(max-width:1150px) and (min-width:801px){
 #webex-suite .plan-apps{grid-template-columns:repeat(2,minmax(0,1fr))}
 #webex-suite #webex-suite-engagement .plan-apps{grid-template-columns:repeat(2,minmax(0,1fr))}
 #webex-suite .plan-apps-block{min-height:218px}
}
@media(max-width:800px){#webex-suite .plan-apps-block{min-height:0}}
@media(max-width:480px){
 #webex-suite .plan-apps,#webex-suite #webex-suite-engagement .plan-apps{grid-template-columns:repeat(2,minmax(0,1fr))}
 #webex-suite .productivity-heading{margin-bottom:24px}
}
