@import"https://fonts.googleapis.com/css2?family=Kalnia:wght@100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";footer{width:100%;height:100px;background-color:#00c3c6;display:flex;justify-content:space-evenly;align-items:center}footer a{color:#fff;text-decoration:underline;font-size:1.25rem;font-weight:700}footer span{color:#fff;font-size:1.4rem;font-family:Kalnia,sans-serif;font-weight:600}:root{font-family:Lato,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--accent-color: #00C3C6;--background: white;--text-color: #003D3E;background-color:var(--background);color:var(--text-color);--step--2: clamp(.64rem, .5943rem + .2286vw, .8rem);--step--1: clamp(.8rem, .7429rem + .2857vw, 1rem);--step-0: clamp(1rem, .9286rem + .3571vw, 1.25rem);--step-1: clamp(1.25rem, 1.1607rem + .4464vw, 1.5625rem);--step-2: clamp(1.5625rem, 1.4509rem + .558vw, 1.9531rem);--step-3: clamp(1.9531rem, 1.8136rem + .6975vw, 2.4414rem);--step-4: clamp(2.4414rem, 2.267rem + .8719vw, 3.0518rem);--step-5: clamp(3.0518rem, 2.8338rem + 1.0899vw, 3.8147rem);--step-6: clamp(3.8147rem, 3.5422rem + 1.3624vw, 4.7684rem);--step-7: clamp(4.7684rem, 4.4278rem + 1.703vw, 5.9605rem);--step-8: clamp(5.9605rem, 5.5347rem + 2.1287vw, 7.4506rem);--step-9: clamp(7.4506rem, 6.9184rem + 2.6609vw, 9.3132rem);--step-10: clamp(9.3132rem, 8.648rem + 3.3262vw, 11.6415rem);--space-3xs: clamp(.25rem, .2321rem + .0893vw, .3125rem);--space-2xs: clamp(.5rem, .4643rem + .1786vw, .625rem);--space-xs: clamp(.75rem, .6964rem + .2679vw, .9375rem);--space-s: clamp(1rem, .9286rem + .3571vw, 1.25rem);--space-m: clamp(1.5rem, 1.3929rem + .5357vw, 1.875rem);--space-l: clamp(2rem, 1.8571rem + .7143vw, 2.5rem);--space-xl: clamp(3rem, 2.7857rem + 1.0714vw, 3.75rem);--space-2xl: clamp(4rem, 3.7143rem + 1.4286vw, 5rem);--space-3xl: clamp(6rem, 5.5714rem + 2.1429vw, 7.5rem);--space-3xs-2xs: clamp(.25rem, .1429rem + .5357vw, .625rem);--space-2xs-xs: clamp(.5rem, .375rem + .625vw, .9375rem);--space-xs-s: clamp(.75rem, .6071rem + .7143vw, 1.25rem);--space-s-m: clamp(1rem, .75rem + 1.25vw, 1.875rem);--space-m-l: clamp(1.5rem, 1.2143rem + 1.4286vw, 2.5rem);--space-l-xl: clamp(2rem, 1.5rem + 2.5vw, 3.75rem);--space-xl-2xl: clamp(3rem, 2.4286rem + 2.8571vw, 5rem);--space-2xl-3xl: clamp(4rem, 3rem + 5vw, 7.5rem);--space-s-l: clamp(1rem, .5714rem + 2.1429vw, 2.5rem)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:clamp(3rem,1.571rem + 7.14vw,8rem);line-height:1.1}#app{margin:0 auto;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:var(--background)}a:hover{color:#747bff}button{background-color:#f9f9f9}}section{box-sizing:border-box;height:100vh;width:100vw;min-height:600px;padding:clamp(3rem,12vw - 1.75rem,6rem) clamp(3.75rem,4vw + 1rem,7rem);text-align:left}h1,h2,h3,h4,h5,h6{font-family:Kalnia,serif;font-weight:700}.color-accent{color:var(--accent-color)}#main{display:flex;justify-content:space-evenly;flex-direction:column;min-height:600px}.main__description{display:flex;justify-content:space-between;flex-direction:row;width:100%;flex:1}.main__slogan,.main__price{font-size:clamp(1.25rem,2vw + 1rem,2.625rem)}.main__price{height:fit-content;display:flex;flex-direction:row;justify-content:flex-start;font-size:clamp(1.5rem,2.8vw + 1rem,3.5rem);text-align:center;align-items:center;gap:clamp(1rem,.714rem + 1.43vw,2rem)}.main__price-value{height:100%;aspect-ratio:1;display:flex;justify-content:center;align-items:center;position:relative}.main__price-value-text{z-index:2;color:var(--background)}.main__price-value-background{position:absolute;width:140%;height:140%;max-width:140%;top:50%;transform:translateY(-50%) translate(-50%);left:50%}.main__get-started{font-size:1.5rem;color:var(--accent-color);border:var(--accent-color) 2px solid;padding:.5rem 1rem;border-radius:.5rem;font-weight:700;transition:.2s;cursor:pointer}.main__get-started:hover{background-color:var(--accent-color);border:var(--accent-color) 2px solid;color:var(--background-color)}.main__left{flex:.8;display:flex;flex-shrink:0;flex-direction:column;justify-content:space-between}.main__right{display:flex;justify-content:space-between;align-items:flex-end;flex-direction:column-reverse;min-width:0;width:100%;padding:.5rem 1rem;flex:1;margin-right:4rem}.vpn-preview__switch{background-color:var(--accent-color);width:5.565rem;height:2.5rem;border-radius:2rem}.vpn-preview{display:flex;justify-content:center;align-items:center}.vpn-preview__text{font-weight:700;font-size:2rem;margin-left:1rem}.vpn-preview__site{--distantion: 2rem;position:relative;width:clamp(6rem,34vw + 1rem,34rem);height:22rem;overflow:visible}.vpn-preview__site:hover{--distantion: 4rem}.vpn-preview__panel{box-shadow:0 0 40px #11111a14;transition:ease .3s;position:absolute;aspect-ratio:26 / 18;width:100%;min-width:0;left:0;bottom:0;background-color:var(--accent-color);border-radius:2rem;z-index:3}.vpn-preview__panel:nth-child(2){left:var(--distantion);bottom:var(--distantion);background-color:#03acaf;z-index:2}.vpn-preview__panel:nth-child(3){left:calc(var(--distantion) * 2);bottom:calc(var(--distantion) * 2);background-color:#039a9d;z-index:1}.vpn-preview__blur,.vpn-preview__image{position:absolute;width:min(24rem,calc(100% - 1rem));aspect-ratio:24 / 16;bottom:1rem;left:1rem;z-index:5;border-radius:1rem}.vpn-preview__blur{z-index:6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden}#features{color:#fff;flex-direction:column;justify-content:space-evenly;display:flex;--accent-color: white;--background: #00C3C6FF;background-color:var(--background);padding-bottom:0}#features>h1{font-size:clamp(3rem,6vw + 1rem,6rem)}.features{height:100%;display:flex;flex:1;flex-direction:row;justify-content:space-between;align-items:center;max-width:1480px;width:100%;margin:0 auto}.features__element{width:clamp(9.375rem,20vw,21.875rem);height:fit-content;color:var(--text-color)}.feature-element__image{width:100%;aspect-ratio:1;margin-bottom:clamp(1rem,1vw + .75rem,2rem)}.feature-element__title{font-size:clamp(1rem,1vw + .75rem,2rem)}.feature-element__description{font-size:clamp(.875rem,1vw + .25rem,1.313rem)}#prices{flex-direction:column;justify-content:space-evenly;display:flex;padding-bottom:0}#prices>h1{font-size:clamp(3rem,6vw + 1rem,6rem)}.prices_description{font-size:clamp(1.5rem,2vw + 1rem,2.25rem);color:var(--accent-color)}.plans{height:100%;display:flex;flex:1;flex-direction:row;justify-content:space-between;align-items:center;max-width:1480px;width:100%;margin:0 auto}.plan{position:relative;width:clamp(14.375rem,24vw,28.875rem);background-color:var(--accent-color);color:var(--background);height:clamp(20.375rem,32vw,36.875rem);border-radius:2rem;padding:2rem}.plan:nth-child(2){background-color:#4ea2de}.plan:nth-child(3){background-color:#4e74de}.plan-element__title{font-size:clamp(1.5rem,2vw + 1rem,2.25rem)}.plan__benefits{padding:1rem;font-size:clamp(1rem,2vw - 1rem,1.5rem)}.plan__price{position:absolute;bottom:5%;left:50%;font-weight:700;transform:translate(-50%);font-size:clamp(1.5rem,3vw - 1rem,2rem)}*,*:after,*:before{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion: no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}.article{font-size:1.5rem}.article h1{font-size:3rem}.article h2,.article h3,.article h4,.article h5,.article h6{font-family:lato,sans-serif;margin-bottom:.5rem;margin-top:2rem}