.early-section{padding:38px 0;background:#fff}.early-section .section-head{max-width:1120px}.early-section .lede{max-width:1100px}.early-band .lede{color:#d6e3f5}.early-band h2{color:white}
.early-connected{background:#f2f7ff;padding:22px 0}.early-connected>.shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;align-items:center}.early-connected h2{font-size:21px;line-height:1.2}.early-connected .eyebrow{font-size:9px;margin-bottom:7px}.early-systems{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.early-systems>div{display:flex;flex-direction:column;align-items:center;gap:10px;border-left:1px solid #c9dbf5;padding:3px 9px;text-align:center;min-width:0}.early-systems .icon{width:25px;height:25px}.early-systems span{font-size:10px;color:#40567b;line-height:1.4}
.early-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.early-columns:has(>article:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}.early-columns>article{display:flex;gap:16px;align-items:flex-start;min-width:0}.early-columns .icon{width:28px;height:28px}.early-columns h3{font-size:17px;line-height:1.35}.early-columns p{font-size:14px;line-height:1.65;color:#506687;margin:8px 0 0}.early-band .early-columns p{color:#d6e3f5}.early-band .early-columns .icon{color:#25b9ff}.early-band .early-columns>article+article{border-left:1px solid #31517e;padding-left:25px}
.early-inbox-split{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.early-inbox-split .section-head{margin:0}.early-inbox-split .lede{max-width:650px}.early-inbox-example{padding:16px;border:1px solid #d3e4fc;border-radius:6px;background:#f2f7ff;color:#07152f;min-width:0}.early-inbox-example .example-label{color:#075de0;margin:0 0 10px;font-size:9px}.early-inbox-item{display:flex;align-items:center;gap:12px;width:100%;padding:13px 12px;margin-top:7px;border:1px solid transparent;border-radius:3px;background:white;color:#14274c;text-align:left;font-size:14px;min-height:44px}.early-inbox-item>span{flex:1}.early-inbox-item .icon{width:19px;height:19px}.early-inbox-item[aria-pressed=true]{background:#deedff;border-color:#93baf3}.early-inbox-note{font-size:12px;line-height:1.6;color:#405c7f;margin:13px 2px 0;min-height:38px}
.early-app-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.early-app-links>a{display:flex;align-items:center;gap:12px;min-height:44px;font-size:14px;font-weight:600;line-height:1.5;min-width:0}.early-app-links .icon{width:24px;height:24px}.early-band .early-app-links>a{color:white}.early-band .early-app-links .icon{color:#22baff}.early-app-links a:hover,.early-app-rows a:hover,.early-start-rows a:hover,.early-problem-rows a:hover,.early-role-apps a:hover{color:#0764df;text-decoration:underline;text-underline-offset:4px}.early-band .early-app-links>a:hover{color:#7ed4ff}
.early-role-tabs{display:flex;gap:10px;margin:24px 0 18px}.early-role-tabs button{border:0;border-radius:4px;background:#e8f1ff;color:#0a234c;font-weight:600;font-size:14px;min-height:44px;min-width:155px;padding:11px 25px}.early-role-tabs button[aria-selected=true]{background:#0764ed;color:white}
.early-workspace{border:1px solid #c8ddfa;border-radius:5px;background:#f7faff;padding:22px 25px}.early-workspace .example-label{font-size:9px;margin-bottom:25px}.early-workspace-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.early-workspace-columns>article{display:flex;gap:17px;min-width:0}.early-workspace-columns>article+article{border-left:1px solid #d2e3f8;padding-left:28px}.early-workspace-columns .icon{width:27px;height:27px}.early-workspace-columns>article>div{min-width:0;flex:1}.early-workspace h3{font-size:17px;line-height:1.4}.early-workspace-columns p{font-size:13px;color:#40567b;margin:10px 0 0;line-height:1.6}.early-lines{display:flex;flex-direction:column;gap:9px;margin:24px 0 10px;max-width:240px}.early-lines>span{display:block;height:7px;background:#c8ddf7;border-radius:2px;width:100%}.early-lines>span:first-child{background:#91b8e9}.early-lines>span:nth-child(2){width:80%}.early-lines>span:nth-child(3){width:62%}.early-workspace-note{margin-top:22px;font-size:12px;line-height:1.6}
.early-app-rows>a,.early-app-rows>div{display:grid;grid-template-columns:36px 1fr 1.25fr 18px;gap:22px;align-items:center;border-bottom:1px solid #d3e1f3;padding:24px 0;font-size:14px}.early-app-rows>div{grid-template-columns:36px 1fr 1.25fr}.early-app-rows strong{font-size:17px}.early-app-rows span{font-size:14px;color:#506687}.early-app-rows>a>.icon:last-child{width:18px;height:18px}
.early-start-rows>a{display:grid;grid-template-columns:28px .9fr 1fr 1.2fr 18px;gap:20px;align-items:center;border-bottom:1px solid #d3e1f3;padding:24px 0;font-size:14px}.early-start-rows span{color:#506687}.early-start-rows>a>.icon:last-child{width:18px;height:18px}
.early-problem-rows>a{display:grid;grid-template-columns:31px 1.3fr 1fr 18px;gap:25px;align-items:center;border-bottom:1px solid #d3e1f3;padding:25px 0}.early-problem-rows strong{font-size:17px;line-height:1.4}.early-problem-rows b{display:block;font-size:16px;color:#0764df}.early-problem-rows small{display:block;color:#506687;font-size:13px;line-height:1.6;margin-top:7px}.early-problem-rows>a>.icon:last-child{width:18px;height:18px}
.early-role-rows>article{display:flex;gap:26px;align-items:flex-start;padding:25px 0;border-bottom:1px solid #d3e1f3}.early-role-rows>article>.icon{width:31px;height:31px}.early-role-rows>article>div{flex:1;min-width:0}.early-role-rows h3{font-size:22px}.early-role-rows p{font-size:15px;color:#506687;margin:9px 0 0}.early-role-apps{display:flex;gap:10px 18px;flex-wrap:wrap;padding:11px 15px;margin-top:18px;background:#eaf4ff;border-radius:3px}.early-role-apps>a{font-size:13px;color:#0764df;min-height:28px;display:flex;align-items:center}
@media(max-width:1024px){.early-connected>.shell{grid-template-columns:220px minmax(0,1fr);gap:20px}.early-connected h2{font-size:18px}.early-systems>div{padding-inline:5px}.early-systems span{font-size:9px}.early-columns{gap:20px}.early-columns:has(>article:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.early-band .early-columns>article+article{padding-left:18px}.early-inbox-split{gap:30px}.early-app-links{grid-template-columns:repeat(3,minmax(0,1fr))}.early-workspace-columns{gap:20px}.early-workspace-columns>article+article{padding-left:20px}.early-workspace-columns>article{gap:12px}.early-workspace h3{font-size:15px}.early-app-rows>a,.early-app-rows>div{grid-template-columns:30px 1fr 1.15fr 18px;gap:16px}.early-app-rows>div{grid-template-columns:30px 1fr 1.15fr}}
@media(max-width:768px){.early-connected>.shell{grid-template-columns:1fr;gap:22px}.early-systems{grid-template-columns:repeat(7,minmax(0,1fr))}.early-systems>div:first-child{border:0}.early-inbox-split{grid-template-columns:1fr;gap:25px}.early-columns{grid-template-columns:1fr}.early-band .early-columns>article+article{padding:18px 0 0;border-left:0;border-top:1px solid #31517e}.early-workspace-columns{gap:16px}.early-workspace-columns>article{display:block}.early-workspace-columns .icon{margin-bottom:15px}.early-workspace-columns>article+article{padding-left:16px}.early-role-tabs button{min-width:0;flex:1;padding-inline:15px}.early-start-rows>a{grid-template-columns:28px 1fr 18px;gap:11px 16px}.early-start-rows span{grid-column:2}.early-start-rows>a>.icon:last-child{grid-column:3;grid-row:1}.early-problem-rows>a{grid-template-columns:28px 1fr 18px;gap:14px 18px}.early-problem-rows>a>span{grid-column:2}.early-problem-rows>a>.icon:last-child{grid-column:3;grid-row:1}}
@media(max-width:520px){.early-section{padding:29px 0}.early-systems{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 0}.early-systems>div:nth-child(5){border:0}.early-columns:has(>article:nth-child(4)){grid-template-columns:1fr}.early-columns>article{gap:16px}.early-columns h3{font-size:17px}.early-columns p{font-size:14px}.early-app-links{grid-template-columns:1fr 1fr;gap:15px 20px}.early-app-links>a{font-size:13px;align-items:flex-start}.early-workspace{padding:20px 17px}.early-workspace-columns{grid-template-columns:1fr;gap:20px}.early-workspace-columns>article{display:flex;gap:16px}.early-workspace-columns>article+article{padding:20px 0 0;border-left:0;border-top:1px solid #d2e3f8}.early-workspace h3{font-size:17px}.early-workspace-columns .icon{margin:0}.early-workspace .example-label{margin-bottom:20px}.early-lines{margin:17px 0 3px}.early-role-tabs{gap:5px}.early-role-tabs button{padding:12px 8px;font-size:12px}.early-app-rows>a,.early-app-rows>div{grid-template-columns:25px minmax(0,1fr) 16px;gap:11px 15px;padding:22px 0}.early-app-rows strong{font-size:17px}.early-app-rows span{grid-column:2;font-size:14px}.early-app-rows>a>.icon:last-child{grid-column:3;grid-row:1;width:16px}.early-app-rows>div{grid-template-columns:25px minmax(0,1fr)}.early-role-rows>article{gap:17px;padding:22px 0}.early-role-rows>article>.icon{width:27px;height:27px}.early-role-rows h3{font-size:21px}.early-role-rows p{font-size:14px;line-height:1.65}.early-role-apps{display:block;padding:10px 12px}.early-role-apps>a{font-size:12px;padding:6px 0}.early-problem-rows strong{font-size:16px}.early-problem-rows b{font-size:15px}.early-problem-rows>a{gap:12px 15px}.early-section .section-head{margin-bottom:23px}}