@font-face{font-family:source_sans_3;src:url(/assets/SourceSans3-VariableFont_wght-86f791be.ttf)}@font-face{font-family:comfortaa;src:url(/assets/Comfortaa-VariableFont_wght-b9281be2.ttf)}@font-face{font-family:Inter;src:url(/assets/Inter-variable-b9a8e5e2.ttf)}:root{font-family:Inter;background-image:linear-gradient(to bottom right,#6B74A6,#46ECBD);background-attachment:fixed;height:100vh}html,body{margin:0;padding:0}a{color:inherit;text-decoration:none}text{color:#fff;font-size:16px;font-weight:200;text-align:left}header{position:fixed;top:0;left:0;right:0;height:100px;width:100%;margin:0;padding:0;color:#fff;font-size:20px;font-weight:100}header .content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100%}#logo{font-weight:100;font-size:30px}nav{height:100%}nav>ul{margin:0;padding:0;height:100%;list-style:none;display:flex;gap:30px;align-items:center;justify-content:end}nav>ul>li{position:relative;padding:0;margin:0;cursor:pointer}nav>ul>li>a{color:inherit;text-decoration:none}nav>ul>li>a:after{content:"";position:absolute;bottom:-15px;height:2px;left:0;right:0;width:0;background-color:#fff;border-radius:3px;opacity:0;transition:all .3s ease-out}nav>ul>li>a:hover:after,nav>ul>li>a.active:after{opacity:.8;width:100%}main{margin-top:150px;min-height:calc(100vh - 150px)}.content{width:80%;margin:0 auto;max-width:1000px;min-width:600px}main .content>h1{font-size:40px;font-weight:100;margin:0;color:#fff;flex-grow:1;text-align:center}main .content>p{font-size:18px;font-weight:100;color:#fff;text-align:center}.page{display:flex;flex-direction:column;align-items:center;gap:50px}footer{background-color:#0000003b;color:#fff;font-weight:200;padding:10px;font-size:14px}footer .content{display:flex;flex-direction:row;justify-content:space-between;align-items:center}footer .content>p:last-of-type{display:flex;flex-direction:row;align-items:center;gap:20px}#pricing-page .content{display:flex;flex-direction:column;align-items:center}#pricing-options{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:20px;width:100%}.pricing-option{width:230px;height:300px;border:1px solid #fff;background-color:#ffffff10;color:#fff;border-radius:20px;box-shadow:0 3px 30px -5px #00000026;display:flex;flex-direction:column;justify-content:space-between}.pricing-option-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:20px 10px 60px;background-image:url(/images/pricing_option_angledtop.png);background-repeat:no-repeat;background-position:bottom}.pricing-option-header>p{margin:0}.pricing-option-title{font-size:40px;font-weight:100}.pricing-option-price{font-size:20px;font-weight:200}.pricing-option-body{flex-grow:1;display:flex;flex-direction:column;justify-content:space-between;background-color:#0000001a;padding:0 20px 20px;border-radius:0 0 20px 20px}.pricing-option-list{font-size:16px}.pricing-option-list>ul{margin:0;padding:0;list-style:none}.pricing-option-list>ul>li{margin:15px 0;padding:0;display:flex;align-items:center;gap:10px}.pricing-option-list>ul>li:first-of-type{margin-top:5px}.pricing-option-select{background:rgba(255,255,255,0);width:auto;border-radius:30px;border:1px solid #fff;display:flex;align-items:center;justify-content:center;padding:8px;font-size:18px;font-weight:200;display:none}.subscription-period-toggle{margin:80px 0;border:1px solid #fff;color:#fff;border-radius:30px;display:flex;flex-direction:row;justify-content:center}.subscription-period-toggle-option{cursor:pointer;padding:5px 15px;margin:0;border-radius:30px;font-size:15px;font-weight:200}.subscription-period-toggle-option[data-selected=true]{background-color:#fff;color:#000}#pricing-page .items{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}#pricing-page .item{padding:20px;background-color:#ffffff31;color:#fff;border-radius:20px;font-weight:100}#pricing-page .item-title{font-size:20px;margin:0 0 20px}#pricing-page .item-text{font-size:14px;margin:0}#interactive-demo-page>.content{display:flex;flex-direction:row;justify-content:space-between}#interactive-browser{display:flex;align-items:center}#interactive-explaination{color:#fff;display:flex;flex-direction:column;gap:30px}#interactive-explaination h1{font-size:30px;font-weight:100;margin:0}#interactive-explaination p{font-size:16px;font-weight:200;margin:0}#interactive-explaination .code-box,#interactive-explaination .editor{margin-top:20px}.code-box{background-color:#1e232ca2;border-radius:10px;padding:10px;box-sizing:border-box;overflow:auto;margin:20px 0}.code-box pre{margin:0;padding:0}.editor{background-color:#fff;color:#222;border-radius:10px;padding:10px;margin:10px 0;flex-grow:0}.editor-header{background-color:#34565d;color:#fff;padding:5px;border-radius:5px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.editor-title{margin:0}.editor-controls{display:flex;flex-direction:row;align-items:center;gap:10px}.editor-controls button{color:#fff;background:none;border:none;outline:none;font-size:17px;height:auto;padding:0;margin:0;display:flex;align-items:center}.editor-controls button:disabled{opacity:.4}.editor-body{display:flex;flex-direction:column;gap:10px;margin-top:10px}.editor-block{background-color:#0000000d;padding:5px;border-radius:5px;display:flex;flex-direction:row;align-items:center;gap:10px}.editor-block label{padding:0 5px;font-size:14px}.editor-block input{border:none;border-radius:5px;padding:5px;flex-grow:1}.text-page{padding-top:50px;color:#fff}.text-page .content{display:flex;flex-direction:column;align-items:start;background-color:#0000002c;padding:20px 25px;border-radius:20px}.text-page h1{font-size:40px;font-weight:100;margin:0}.text-page h2{font-size:20px;font-weight:200;margin:20px 0}.text-page .content>p{text-align:start;margin:5px 0}