:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input[type=radio],input[type=checkbox],input[type=range]{appearance:none;-webkit-appearance:none;-moz-appearance:none}input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none}input[type=range]::-moz-range-thumb{-webkit-appearance:none;appearance:none;-moz-appearance:none}*{box-sizing:border-box;margin:0;padding:0}img{display:block;max-inline-size:100%}html,body{min-height:100vh}body{min-width:320px;margin:0}@font-face{font-family:Manrope ExtraBold;src:url(/assets/Manrope-VariableFont_wght-BZqX3ICf.ttf);font-weight:800}@font-face{font-family:Manrope SemiBold;src:url(/assets/Manrope-VariableFont_wght-BZqX3ICf.ttf);font-weight:600}#root{display:flex;flex-direction:column}.bg-top{display:flex;flex-direction:column;height:calc(400px + 5vw);align-items:center;align-self:stretch;border-bottom-left-radius:100px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1440'%20height='449'%3e%3cpath%20fill='%23F1F5FE'%20fill-rule='evenodd'%20d='M0%200h1440v449H191.5C85.737%20449%200%20363.263%200%20257.5V0z'/%3e%3c/svg%3e") no-repeat;background-size:cover}.bg-top .content{position:relative;display:flex;height:145px;margin-top:3.75rem;margin-inline:1.5rem;align-items:center;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='146'%20height='145'%3e%3cg%20fill='none'%20fill-rule='evenodd'%20stroke='%23CFD8EF'%3e%3ccircle%20cx='63'%20cy='82'%20r='62.5'/%3e%3ccircle%20cx='105'%20cy='41'%20r='40.5'/%3e%3c/g%3e%3c/svg%3e") no-repeat;background-position:center}.bg-top .content .text{top:0;right:0;bottom:0;left:0;z-index:2;text-align:center;display:flex;align-items:center;flex-direction:column;gap:.5rem}.bg-top .content .text .title{font-family:Manrope ExtraBold;font-size:1.25rem;color:#293356}.bg-top .content .text .desc{font-family:Manrope SemiBold;font-size:13px;color:#858fad;max-width:20ch}.card{margin-inline:1.5rem;display:flex;flex-direction:column;align-self:center;width:min(100%,540px);align-items:center;gap:1.5rem;position:relative;z-index:99;bottom:10rem;background-color:#fff;border-radius:.5rem;padding:2rem 0;box-shadow:0 20px 30px -5px #7f89b915}.card .top{display:flex;align-self:stretch;flex-direction:column;gap:1.5rem}.card .top .header{font-family:Manrope ExtraBold;font-size:12px;letter-spacing:1.71px;text-transform:uppercase;color:#858fad;text-align:center}.card .top .slider{margin-inline:1.5rem;height:40px;display:flex;align-items:center}.card .top .slider input{width:100%;border-radius:5px;height:8px}.card .top .slider input::-webkit-slider-thumb{width:40px;height:40px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='13'%3e%3cg%20fill='%2380FFF3'%20fill-rule='evenodd'%3e%3cpath%20d='M16%202.558v7.884a1%201%200%20001.735.679l3.639-3.943a1%201%200%20000-1.356l-3.64-3.943A1%201%200%200016%202.558zM6%202.558v7.884a1%201%200%2001-1.735.679L.626%207.178a1%201%200%20010-1.356l3.64-3.943A1%201%200%20016%202.558z'/%3e%3c/g%3e%3c/svg%3e") no-repeat,#10d5c2;border-radius:50%;background-position:center;cursor:pointer;position:relative;bottom:8px;filter:drop-shadow(0 15px 30px #00ffe58e)}.card .top .slider input::-moz-range-thumb{width:40px;height:40px;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='22'%20height='13'%3e%3cg%20fill='%2380FFF3'%20fill-rule='evenodd'%3e%3cpath%20d='M16%202.558v7.884a1%201%200%20001.735.679l3.639-3.943a1%201%200%20000-1.356l-3.64-3.943A1%201%200%200016%202.558zM6%202.558v7.884a1%201%200%2001-1.735.679L.626%207.178a1%201%200%20010-1.356l3.64-3.943A1%201%200%20016%202.558z'/%3e%3c/g%3e%3c/svg%3e") no-repeat,#10d5c2;border-radius:50%;cursor:pointer;background-position:center;position:relative;bottom:8px;filter:drop-shadow(0 15px 30px #00ffe58e)}.card .top .pricing{align-self:center;display:flex;align-items:center;gap:10px}.card .top .pricing .price{font-family:Manrope ExtraBold;font-size:32px;letter-spacing:-.8px;text-align:right;color:#293356}.card .top .pricing .duration{font-family:Manrope SemiBold;font-size:14px;text-align:center;color:#858fad}.card .billing{margin:10px 0;display:flex;gap:.75rem;align-items:center;text-align:center}.card .billing .monthly{font-family:Manrope SemiBold;font-size:12px;color:#858fad}.card .billing .rect{width:43px;height:22px;border-radius:15px;background-color:#cdd7ee;display:flex;padding-inline:4px;align-items:center;cursor:pointer}.card .billing .rect .oval{background-color:#fff;height:14px;width:14px;border-radius:50%}.card .billing .yearly{font-family:Manrope SemiBold;font-size:12px;color:#858fad;display:flex;align-items:center;gap:5px}.card .billing .yearly span{background-color:#feede8;border-radius:9.5px;text-align:center;color:#ff8d68;font-family:Manrope ExtraBold;font-size:10px;width:41px;height:20px;display:flex;align-items:center;justify-content:center}.card .line{height:2px;width:100%;background-color:#ecf0fb}.card .features{display:flex;align-items:center;flex-direction:column;gap:10px;margin-bottom:8px}.card .features .feature{display:flex;align-items:center;gap:1rem}.card .features .feature p{font-family:Manrope SemiBold;font-size:12px;text-align:left;margin:0;color:#858fad}.card button{border-radius:21px;width:170px;height:41px;background-color:#293356;font-family:Manrope ExtraBold;font-size:12px;text-align:center;border:none;color:#bdccff;cursor:pointer}@media screen and (min-width: 1440px){.card .top{display:grid;grid-template-areas:"pageview pricing" "slider slider";align-items:center}.card .top .header{grid-area:pageview;font-size:14px;letter-spacing:2px}.card .top .pricing{grid-area:pricing;justify-content:center}.card .top .pricing .price{font-size:2.5rem}.card .top .slider{grid-area:slider;margin-inline:3rem}}@font-face{font-family:Manrope ExtraBold;src:url(/assets/Manrope-VariableFont_wght-BZqX3ICf.ttf);font-weight:800}@font-face{font-family:Manrope SemiBold;src:url(/assets/Manrope-VariableFont_wght-BZqX3ICf.ttf);font-weight:600}@font-face{font-family:Manrope ExtraBold;src:url(/assets/Manrope-VariableFont_wght-BZqX3ICf.ttf);font-weight:800}@font-face{font-family:Manrope SemiBold;src:url(/assets/Manrope-VariableFont_wght-BZqX3ICf.ttf);font-weight:600}