*{margin:0;padding:0}body{font-family:Inter,sans-serif;height:100svh;width:100svw;margin:0;padding:0;overflow:scroll}.ql-editor h3{font-size:1.17em;margin-top:1em;margin-bottom:.5em}.ql-editor p{margin:.5em 0}.plan{border-radius:16px;padding:10px;background-color:#fff;color:#697e91;width:100%}.circle{stroke-dasharray:1194;stroke-dashoffset:1194;animation:dc 1s ease-in-out;animation-fill-mode:forwards}.tick{stroke-dasharray:350;stroke-dashoffset:350;animation:dt .8s ease-out;animation-fill-mode:forwards;animation-delay:.95s}@keyframes dc{0%{stroke-dashoffset:1194}to{stroke-dashoffset:2388}}@keyframes dt{0%{stroke-dashoffset:350}to{stroke-dashoffset:0}}.cross-line-1,.cross-line-2{stroke-dasharray:250;stroke-dashoffset:250;animation:drawCross .8s ease-out forwards}.cross-line-2{animation-delay:.4s}@keyframes drawCross{0%{stroke-dashoffset:250}to{stroke-dashoffset:0}}.plan{border-radius:16px;box-shadow:0 30px 30px -25px #0026ff34;padding:10px;background-color:#fff;color:#697e91;width:100%;border:2px solid #eee;cursor:pointer}.plan strong{font-weight:600;color:#425275}.plan .inner{align-items:start;background-color:#ecf0ff;border-radius:12px;position:relative;height:100%;display:flex;flex-direction:column;padding:8px}.plan .pricing{position:absolute;top:0;right:0;background-color:#bed6fb;border-radius:99em 0 0 99em;display:flex;align-items:center;padding:.625em .75em;font-size:1.25rem;font-weight:600;color:#425475}.plan .pricing small{color:#707a91;font-size:.75em;margin-left:.25em}.plan .title{font-weight:600;font-size:1.25rem;color:#425675;margin-top:20px}.plan .title+*{margin-top:.75rem}.plan .info+*{margin-top:1rem}.plan .features{display:flex;flex-direction:column;height:100%}.plan .features li{display:flex;align-items:center;gap:.5rem}.plan .features li+*{margin-top:.75rem}.plan .features .icon{background-color:#1fcac5;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;width:20px;height:20px}.plan .features .icon svg{width:14px;height:14px}.plan .features+*{margin-top:1.25rem}.plan .action{width:100%;display:flex;align-items:center;justify-content:center}.plan .button{background-color:#6558d3;border-radius:6px;color:#fff;font-weight:500;font-size:1.125rem;text-align:center;border:0;outline:0;width:100%;padding:.625em .75em;text-decoration:none}.plan .button:hover,.plan .button:focus{background-color:#4133b7}
