.bg-demo .bg-demo-migration-tracks{gap:.85rem;margin-bottom:1.6rem;display:grid}.bg-demo .bg-demo-migration-track{grid-template-columns:minmax(7rem,.85fr) minmax(0,4fr);align-items:center;gap:.8rem;display:grid}.bg-demo .bg-demo-migration-track>strong{font-size:.8rem;font-weight:400}.bg-demo .bg-demo-migration-track>ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.bg-demo .bg-demo-migration-track li{border:1px solid var(--demo-line);min-width:0;min-height:3rem;color:var(--muted);text-align:center;border-radius:.35rem;place-items:center;padding:.55rem .35rem;font-size:.72rem;display:grid}.bg-demo .bg-demo-migration-track li.is-current{border-color:var(--gold);background:var(--demo-highlight);color:var(--gold)}.bg-demo .bg-demo-migration-track:last-child li.is-current{border-color:var(--teal);background:color-mix(in srgb, var(--teal) 8%, var(--bg));color:var(--text)}.bg-demo .bg-demo-migration-copy{padding:1.1rem 0}.bg-demo .bg-demo-migration-copy>p:last-child{color:var(--muted);font-size:.9rem}@media (width<=900px){.bg-demo .bg-demo-migration-track{grid-template-columns:1fr;gap:.5rem}}@media (width<=640px){.bg-demo .bg-demo-migration-tracks{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.bg-demo .bg-demo-migration-track{flex-direction:column;align-items:stretch;display:flex}.bg-demo .bg-demo-migration-track>strong{min-height:2.5rem}.bg-demo .bg-demo-migration-track>ol{grid-template-columns:1fr}.bg-demo .bg-demo-migration-track li{min-height:2.8rem}.bg-demo-migration .bg-demo-table{min-width:28rem}}.c5-feature-card{isolation:isolate;color:var(--text);position:relative;overflow:hidden}.c5-feature-card__pattern{pointer-events:none;z-index:-1;width:100%;height:100%;margin-top:-.5rem;margin-left:-5rem;position:absolute;top:0;left:50%;mask-image:radial-gradient(farthest-side at top,#fff,#0000)}.c5-grid-pattern{pointer-events:none;width:100%;height:100%;fill:color-mix(in srgb, var(--text) 20%, transparent);stroke:color-mix(in srgb, var(--text) 20%, transparent);position:absolute;inset:0}.c5-grid-pattern__squares{overflow:visible}.c5-feature-card .c5-feature-card__icon{width:28px;height:28px;color:color-mix(in srgb, var(--text) 75%, transparent)}.c5-feature-card .c5-feature-card__title{margin:2.5rem 0 .5rem;position:relative}.c5-feature-card .c5-feature-card__description{z-index:1;margin:0;position:relative}.c5-feature-card:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.c5-timeline05{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;margin:0;padding:0;list-style:none;display:grid}.c5-timeline05__step{min-width:0;position:relative}.c5-timeline05__line{border-top:1px solid var(--border);width:calc(100% + 22px);position:absolute;top:18px;left:18px}.c5-timeline05__step:last-child>.c5-timeline05__line{display:none}.c5-timeline05__marker{border:1px solid var(--border);background:var(--bg);width:36px;height:36px;box-shadow:0 0 0 8px var(--bg);color:var(--gold);border-radius:50%;justify-content:center;align-items:center;margin-bottom:20px;font-size:12px;font-weight:500;display:flex;position:relative}.c5-timeline05__content{padding-top:1px;position:relative}.c5-timeline05__icon{border:1px solid var(--border);width:57px;height:57px;color:var(--muted);border-radius:50%;place-items:center;margin-bottom:20px;display:grid}.c5-timeline05__content h3{margin:0 0 12px;font-size:23px}.c5-timeline05__content p{color:var(--muted);margin:0;font-size:14px}.c5-timeline05 :is(h3,p),.c5-feature-card :is(h3,p){overflow-wrap:anywhere}@media (width<=1120px){.c5-timeline05{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.c5-timeline05__line{width:calc(100% + 32px)}.c5-timeline05__step:nth-child(2n)>.c5-timeline05__line{display:none}.c5-timeline05__content h3{font-size:28px}.c5-timeline05__content p{font-size:16px}}@media (width<=480px){.c5-timeline05{grid-template-columns:minmax(0,1fr);gap:0}.c5-timeline05__step{padding:0 0 28px 62px}.c5-timeline05__step:last-child{padding-bottom:0}.c5-timeline05__step>.c5-timeline05__line{border-top:0;border-left:1px solid var(--border);width:0;height:100%;display:block;top:0;left:18px}.c5-timeline05__step:last-child>.c5-timeline05__line{display:none}.c5-timeline05__marker{margin:0;position:absolute;top:0;left:0}.c5-timeline05__icon{width:47px;height:47px;margin-bottom:16px}.c5-timeline05__content h3{font-size:24px}.c5-timeline05__content p{font-size:15px}}@media (prefers-reduced-motion:reduce){.c5-feature-card{transition:none}}
