/* Disponibilidade por hierarquia, texto e icones, nunca apenas pela cor. */
#visao{padding:82px 0 76px;background:var(--carvao);border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.rollout-heading{max-width:800px;margin:0 auto 42px;text-align:center}
.rollout-heading h2{font-size:clamp(34px,4vw,54px);font-weight:600;line-height:1.12;text-wrap:balance}
.rollout-heading>p{max-width:610px;margin:22px auto 0;font-size:16px;line-height:1.75}
.rollout-board{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid #344b46;border-radius:22px;overflow:hidden;background:#10181d}
.rollout-current{padding:34px 38px;background:radial-gradient(ellipse at 20% 0%,#2dd4a612,transparent 72%)}
.rollout-state{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;color:#aeb9c4}
.rollout-state .icon{width:16px;height:16px}.rollout-state.is-live{color:#84e2c4}
.rollout-connection{display:flex;align-items:center;max-width:275px;margin:28px 0 25px}
.rollout-channel,.rollout-brand{display:grid;place-items:center;width:66px;height:66px;flex-shrink:0;border-radius:16px;font-weight:600;font-size:23px;letter-spacing:-.06em}
.rollout-channel{color:#effff9;background:#254d40;border:1px solid #4c8973}
.rollout-brand{background:#17232a;border:1px solid #3d5357;box-shadow:0 10px 26px #0003}.rollout-brand svg{width:38px;height:38px}
.rollout-connector{display:flex;align-items:center;gap:0;flex:1;padding:0 9px;color:var(--verde)}
.rollout-connector i{height:1px;flex:1;background:linear-gradient(90deg,#2dd4a630,var(--verde))}.rollout-connector .icon{width:19px;height:19px}
.rollout-current h3{font-size:34px;font-weight:600;letter-spacing:-.04em}
.rollout-current>p:not(.rollout-permission){font-size:15px;line-height:1.75;max-width:415px;margin-top:13px;color:#aebbc6}
.rollout-capabilities{display:flex;flex-wrap:wrap;gap:10px 20px;list-style:none;padding:0;margin:21px 0 23px}
.rollout-capabilities li{display:flex;align-items:center;gap:7px;font-size:13px;color:#ced8e1}.rollout-capabilities .icon{width:15px;height:15px;color:#78d9b9}
.rollout-demo{display:inline-flex;align-items:center;gap:17px;min-height:44px;color:var(--on);font-size:14px;font-weight:500;border-bottom:1px solid #4a8c76}
.rollout-demo .icon{width:18px;height:18px;transition:transform .2s}.rollout-demo:hover .icon{transform:translateX(3px)}
.rollout-permission{font-size:12px;line-height:1.7;margin-top:16px;color:var(--on2)}
.rollout-channels{padding:34px 38px;border-left:1px solid #344b46;background:#0d1419}
.rollout-channels h3{font-size:27px;line-height:1.18;font-weight:500;margin-top:22px;letter-spacing:-.035em}
.rollout-channels>p{font-size:14px;line-height:1.7;max-width:370px;margin-top:14px}
.rollout-channel-list{list-style:none;padding:0;margin:25px 0 0}.rollout-channel-list li{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--linha)}
.rollout-channel-list li:last-child{padding-bottom:0;border:0}
.rollout-initial{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:10px;background:#1b232c;border:1px solid #35404a;color:#a8b5c1;font-size:20px;font-weight:500}
.rollout-channel-list h4{font-size:17px;font-weight:500;letter-spacing:-.025em;color:#c9d2dc}.rollout-channel-list p{font-size:12px;color:var(--on2);margin-top:3px;line-height:1.5}
.rollout-channel-list li>.icon{margin-left:auto;width:15px;height:15px;color:var(--on2)}
.rollout-next-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:39px 0 23px}.rollout-next-heading h3{font-size:23px;font-weight:500}.rollout-next-heading>span{font-size:12px;color:var(--on2)}
.rollout-next{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #33404a;border-bottom:1px solid #33404a}
.rollout-next article{display:flex;align-items:flex-start;gap:14px;padding:26px 24px;border-right:1px solid #33404a;min-width:0}
.rollout-next article:first-child{padding-left:0}.rollout-next article:last-child{padding-right:0;border-right:0}
.rollout-feature-icon{display:grid;place-items:center;width:37px;height:37px;flex-shrink:0;border:1px solid #35424d;border-radius:9px;background:#1a232b;color:#aab9c5}.rollout-feature-icon .icon{width:19px;height:19px}
.rollout-next h4{font-size:16px;line-height:1.35;font-weight:500;letter-spacing:-.025em;margin:1px 0 9px}.rollout-next p{font-size:13px;line-height:1.75}
.rollout-note{display:flex;align-items:flex-start;gap:9px;max-width:880px;font-size:12px;line-height:1.75;margin-top:22px}.rollout-note .icon{width:15px;height:15px;margin-top:3px;color:var(--on2)}
@media(max-width:1000px){.rollout-current,.rollout-channels{padding:28px}.rollout-next article{padding:23px 17px;gap:11px}.rollout-next h4{font-size:15px}.rollout-next .rollout-feature-icon{width:31px;height:31px}}
@media(max-width:760px){#visao{padding:58px 0}.rollout-heading{text-align:left;margin-bottom:29px}.rollout-heading h2{font-size:37px}.rollout-heading>p{font-size:15px;margin:18px 0 0}.rollout-board{grid-template-columns:1fr}.rollout-current,.rollout-channels{padding:28px}.rollout-channels{border-left:0;border-top:1px solid #344b46}.rollout-channels h3 br{display:none}.rollout-channels h3{font-size:25px}.rollout-channel-list{margin-top:19px}.rollout-current>p:not(.rollout-permission){max-width:510px}.rollout-next{grid-template-columns:1fr}.rollout-next article,.rollout-next article:first-child,.rollout-next article:last-child{padding:21px 0;border-right:0;border-bottom:1px solid #33404a;gap:15px}.rollout-next article:last-child{border-bottom:0}.rollout-next h4{font-size:17px;margin-bottom:5px}.rollout-next p{font-size:14px}.rollout-next-heading{margin-top:32px;align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:18px}.rollout-next-heading h3{font-size:23px}.rollout-next .rollout-feature-icon{width:38px;height:38px}.rollout-note{font-size:12px}}
@media(max-width:420px){.rollout-heading h2{font-size:32px;line-height:1.15}.rollout-current,.rollout-channels{padding:23px}.rollout-current h3{font-size:31px}.rollout-board{border-radius:17px}.rollout-capabilities{flex-direction:column;gap:10px}.rollout-connection{margin-block:24px}.rollout-channels h3{font-size:24px}.rollout-channel-list h4{font-size:16px}}
@media(prefers-reduced-motion:reduce){.rollout-demo .icon{transition:none;transform:none}}
@media print{.rollout-board,.rollout-current,.rollout-channels{background:white!important}.rollout-board{display:block}.rollout-current,.rollout-channels{break-inside:avoid}.rollout-connection{display:none}.rollout-board *, .rollout-next *, .rollout-note{color:#1b2933!important}.rollout-next{display:block}.rollout-next article{border-right:0}}