.rollout-preview{background:#fff}
.rollout-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;margin-bottom:48px}
.rollout-heading h2{font-size:clamp(36px,4.3vw,64px);line-height:1.1;letter-spacing:-.055em;margin:20px 0 0}
.rollout-heading>p{font-size:17px;line-height:1.7;color:#626873;max-width:350px;margin:0 0 4px}
.rollout-explorer{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:center}
.rollout-tabs{display:grid;gap:12px}
.rollout-tabs button{display:flex;align-items:center;gap:20px;width:100%;text-align:left;background:#fff;border:1px solid #dfe2e8;border-radius:16px;padding:25px 22px;color:#232831;cursor:pointer;transition:background .25s,border-color .25s,transform .25s;font:inherit}
.rollout-tabs button:hover{background:#f5f5f7;transform:translateX(3px)}
.rollout-tabs button[aria-selected=true]{background:#edf4fc;border-color:#306fdc}
.rollout-number{font:500 13px JetBrains,monospace;color:#7b8491}
.rollout-tabs button[aria-selected=true] .rollout-number,.rollout-tabs button[aria-selected=true] .rollout-arrow{color:#306fdc}
.rollout-tabs strong{display:block;font-size:21px;font-weight:650;letter-spacing:-.035em}
.rollout-tabs small{display:block;color:#69717e;font-size:14px;margin-top:7px;line-height:1.4}
.rollout-arrow{margin-left:auto;color:#9098a4;font-size:25px}
.rollout-choices>.text-link{display:inline-block;font-size:15px;margin-top:30px}
.rollout-panel{background:#f5f5f7;border:1px solid #e4e6eb;border-radius:26px;padding:32px;min-height:450px;animation:rollout-enter .35s ease both}
.rollout-panel[hidden]{display:none}
.rollout-panel-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font:500 10px JetBrains,monospace;letter-spacing:.07em;color:#747d8a}
.rollout-step{background:#fff;border:1px solid #e0e3e9;border-radius:30px;padding:8px 11px;white-space:nowrap}
.rollout-panel h3{font-size:30px;line-height:1.2;letter-spacing:-.045em;margin:24px 0 12px;font-weight:650}
.rollout-panel>p{font-size:15px;line-height:1.65;color:#626873;max-width:450px;margin:0}
.rollout-path{list-style:none;padding:0;margin:25px 0;display:grid;gap:0}
.rollout-path li{display:flex;gap:15px;align-items:center;position:relative;padding:0 0 18px}
.rollout-path li:last-child{padding-bottom:0}
.rollout-path li:not(:last-child):after{content:'';position:absolute;width:1px;background:#b7d2f2;top:32px;bottom:0;left:15px}
.rollout-node{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;background:#fff;border:1px solid #b7d2f2;border-radius:50%;font-size:12px;color:#306fdc;position:relative;z-index:1}
.rollout-path li div>span{display:block;font-size:11px;color:#7b8491;margin-bottom:4px}
.rollout-path strong{display:block;font-size:15px;font-weight:550;color:#353b45;line-height:1.4}
.rollout-checks{list-style:none;padding:20px 0 0;margin:0;border-top:1px solid #dde1e8;display:flex;flex-wrap:wrap;gap:10px 18px}
.rollout-checks li{font-size:11px;color:#626873;display:flex;gap:6px;align-items:center}
.rollout-checks li>span{color:#198f59;font-size:13px}
.rollout-tabs button:focus-visible,.rollout-panel:focus-visible{outline:3px solid #306fdc;outline-offset:4px}
@keyframes rollout-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:850px){.rollout-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.rollout-heading>p{max-width:none}.rollout-explorer{grid-template-columns:1fr;gap:25px}.rollout-choices>.text-link{margin-top:20px}.rollout-tabs button{padding:19px 20px}.rollout-panel{min-height:0}}
@media(max-width:480px){.rollout-heading h2{font-size:36px}.rollout-heading>p{font-size:15px}.rollout-tabs strong{font-size:19px}.rollout-tabs small{font-size:12px}.rollout-tabs button{gap:14px;padding:18px 16px}.rollout-panel{padding:23px;border-radius:20px}.rollout-panel h3{font-size:27px}.rollout-panel-top{font-size:8px;letter-spacing:.02em}.rollout-path strong{font-size:14px}.rollout-checks{gap:10px 14px}}
@media(prefers-reduced-motion:reduce){.rollout-panel{animation:none}.rollout-tabs button{transition:none}.rollout-tabs button:hover{transform:none}}