.rollout{position:relative;background:linear-gradient(145deg,rgba(245,249,255,.82),rgba(251,248,255,.7));border-block:1px solid rgba(223,233,250,.6)}
.rollout-heading{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:60px;margin-bottom:36px}.rollout-heading h2{margin-bottom:0}.rollout-heading>.section-lead{max-width:460px;padding-bottom:4px}
.rollout-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0}.rollout-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:28px;border:1px solid #e1e9f8;border-radius:23px;background:rgba(255,255,255,.88);box-shadow:0 12px 35px rgba(36,72,138,.045)}.rollout-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.rollout-number{font-size:12px;font-weight:750;letter-spacing:.1em;color:#7893bf}.rollout-icon{display:grid;place-items:center;width:45px;height:45px;border:1px solid #e2eafb;border-radius:15px;background:linear-gradient(135deg,#edf4ff,#f3efff);color:#4676d9}.rollout-card h3{font-size:19px;line-height:1.35;letter-spacing:-.025em;margin:0 0 13px}.rollout-card p{font-size:14px;line-height:1.8;color:#667794;margin:0 0 25px}.rollout-detail{display:block;margin-top:auto;border-top:1px solid #eaf0f9;padding-top:17px;color:#5475ad;font-size:11px;line-height:1.6;font-weight:600}.rollout-next{display:flex;justify-content:space-between;align-items:center;gap:40px;padding-top:29px}.rollout-next strong{font-size:15px;line-height:1.5}.rollout-next p{max-width:680px;margin:8px 0 0;font-size:12px;line-height:1.8;color:#7c8aa3}.rollout-next>.button{flex:none}
.demo-next{margin:31px 0 29px}.demo-next h2{font-size:19px;letter-spacing:-.025em;line-height:1.35;margin:0 0 23px}.demo-next-steps{margin:0 0 22px;gap:22px}.demo-next-steps h3{font-size:14px;line-height:1.5;margin:2px 0 0}.demo-next-steps p{max-width:430px}.demo-setup-link{display:inline-flex;align-items:center;gap:12px;color:#3466c7;font-size:12px;font-weight:600;line-height:1.7}.demo-setup-link:hover{text-decoration:underline;text-underline-offset:4px}.demo-response-note{font-size:11px;text-align:center;line-height:1.7;color:#7b89a2;margin:11px 0 0}
@media(max-width:1100px){.rollout-heading{gap:35px}.rollout-card{padding:23px}.rollout-card h3{font-size:17px}.rollout-card p{font-size:13px}.rollout-next{gap:25px}}
@media(max-width:800px){.rollout-heading{grid-template-columns:1fr;gap:20px;margin-bottom:29px}.rollout-heading>.section-lead{max-width:600px;padding:0}.rollout-steps{gap:13px}.rollout-card{padding:20px}.rollout-card h3{font-size:16px}.rollout-card p{font-size:12px;line-height:1.75}.rollout-card-top{margin-bottom:22px}.rollout-icon{width:39px;height:39px;border-radius:13px}.rollout-next{align-items:flex-start;flex-direction:column;gap:19px}.demo-next-steps{grid-template-columns:1fr}.demo-next-steps li{display:flex}.demo-next-steps h3{font-size:14px}.demo-next-steps p{font-size:13px;max-width:580px}}
@media(max-width:560px){.rollout-steps{grid-template-columns:1fr;gap:14px}.rollout-card{padding:24px}.rollout-card-top{margin-bottom:19px}.rollout-card h3{font-size:19px}.rollout-card p{font-size:14px;margin-bottom:21px}.rollout-next{padding-top:25px}.rollout-next>.button{white-space:normal;max-width:100%;font-size:13px;padding:14px 18px}.demo-next{margin-block:26px}.demo-next h2{font-size:18px}.demo-next-steps h3{font-size:13px;margin:0}.demo-next-steps p{font-size:12px}.demo-next-steps{gap:20px}.demo-setup-link{font-size:12px}}
