:root{--demo-selector-black:#000;--demo-selector-white:#fff;--demo-selector-primary:#0479d2;--demo-selector-bg-dark:var(--demo-selector-black);--demo-selector-bg-light:var(--demo-selector-white);--demo-selector-border:var(--demo-selector-primary);--demo-selector-text-dark:var(--demo-selector-white);--demo-selector-text-light:var(--demo-selector-black);--demo-selector-radius:0.5rem;--demo-selector-gap:2rem}.demo-selector>.container-lg{display:grid;gap:var(--demo-selector-gap);grid-auto-rows:auto;grid-template-columns:repeat(1,minmax(0,1fr));padding:4rem 1rem}.demo-selector__card{background:var(--demo-selector-bg-light);border:1px solid var(--demo-selector-border);border-radius:var(--demo-selector-radius);box-shadow:0 2px 8px rgba(16,24,40,.04);color:var(--demo-selector-text-light);max-width:100%;min-height:32rem;overflow:hidden;padding:2rem 1rem;position:relative;transition:box-shadow .2s;width:100%;&.demo-selector__card--dark{background:var(--demo-selector-bg-dark);color:var(--demo-selector-text-dark);.demo-selector__features>ul>li:before,.demo-selector__title{color:var(--demo-selector-primary)}}.demo-selector__image{bottom:0;height:auto;pointer-events:none;position:absolute;right:-5%;width:30%}.demo-selector__cta{margin-top:auto}}.demo-selector__card-content{display:flex;flex-direction:column;height:100%;>.button{background-color:var(--demo-selector-primary);border-color:var(--demo-selector-primary);margin:auto auto 2rem 0}}.demo-selector__title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.demo-selector__subtitle{font-size:var(--text-base);font-weight:600;margin-bottom:.5rem}.demo-selector__features{margin-bottom:1rem}.demo-selector__features>ul{display:flex;flex-direction:column;list-style-type:none;margin:0;padding-left:1rem;>li{margin:0 0 0 .5rem;&:before{color:rgb(var(--color-digital-blue));content:"\f2f7";font:var(--fa-font-solid);-webkit-font-smoothing:antialiased;left:1rem;margin-right:1rem;margin-top:.5rem;position:absolute}}}.demo-selector__feature{align-items:center;display:flex;font-size:1rem;gap:.5rem}.demo-selector__feature-icon{color:var(--demo-selector-primary);font-size:1.2em}.demo-selector__button{background:var(--demo-selector-primary);border-radius:999px;color:#fff;display:inline-block;font-weight:700;margin-top:1rem;padding:.75rem 2rem;text-align:center;text-decoration:none;transition:background .2s;&:hover{background:#174ea6}}@media (min-width:1024px){.demo-selector>.container-lg{display:grid;gap:var(--demo-selector-gap);grid-auto-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));.demo-selector__image{width:40%}}.demo-selector__card{padding:2rem 40% 2rem 1rem}}