@font-face{font-family:Bricolage;src:url('assets/bricolage-grotesque-latin.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:DM Sans;src:url('assets/dm-sans-latin.woff2') format('woff2');font-weight:100 1000;font-display:swap}
:root{--ink:#172641;--blue:#2854df;--muted:#606b7c;--cloud:#e8effb;--line:#dce1e9;--paper:#fff;--display:Bricolage,'Arial',sans-serif;--body:'DM Sans','Arial',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:16px;-webkit-font-smoothing:antialiased}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default}svg{display:block}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:600}h2{font-size:clamp(34px,3.6vw,54px);line-height:1.09;letter-spacing:-2px}p{line-height:1.65}a,button,select,summary{outline-offset:6px}a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #3158db}::selection{background:#ccd9ff;color:var(--ink)}.skip-link{position:fixed;left:20px;top:-80px;background:white;padding:15px;z-index:100}.skip-link:focus{top:15px}.section-wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 48px;max-width:1600px;margin:auto}.wordmark{display:inline-flex;align-items:center;font-family:var(--display);font-size:30px;letter-spacing:-1.8px;font-weight:750;white-space:nowrap}.wordmark>svg{height:39px;width:39px;margin-right:6px}.wordmark-dot{font-family:var(--body);font-size:10px;align-self:flex-start;margin:10px 0 0 3px;letter-spacing:0}.site-header nav{display:flex;gap:32px;font-size:14px;font-weight:500}.site-header nav a{padding:12px 0;position:relative}.site-header nav a:after{content:'';position:absolute;bottom:7px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.site-header nav a:hover:after{transform:scaleX(1)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:58px;padding:17px 24px;border:1px solid transparent;border-radius:8px;font-weight:600;font-size:15px;transition:background .18s,box-shadow .18s}.button .icon{width:20px;height:20px}.button-small{min-height:46px;padding:12px 19px;font-size:13px;gap:27px}.button-ink{background:var(--ink);color:#fff}.button-ink:hover{background:#2c405e}.button-blue{background:var(--blue);color:#fff;box-shadow:0 4px 10px #143dba14}.button-blue:hover{background:#1c43c4;box-shadow:0 7px 16px #143dba25}.button-white{background:white;color:var(--ink)}.button-white:hover{background:#e9effc}.button-outline{border-color:#c9d0dc;background:transparent}.button-outline:hover{background:#e9eff9;border-color:var(--ink)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;max-width:1568px;margin:0 20px;min-height:710px;overflow:hidden;border-radius:20px;background:#c8daf2;display:grid;grid-template-columns:1.07fr 1fr;padding:85px 5.5% 95px;gap:35px}.hero-photo,.hero-wash{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.hero-photo{object-fit:cover;object-position:center 50%}.hero-wash{z-index:-1;background:linear-gradient(90deg,rgba(219,232,255,.96) 0%,rgba(219,232,255,.76) 31%,rgba(214,226,250,.15) 65%,rgba(215,230,248,.04) 100%)}.hero-copy{padding-top:4px;position:relative;z-index:2}.hero-intro{display:flex;gap:10px;align-items:center;font-size:13px;font-weight:500;margin-bottom:27px}.little-sun{font-size:24px;line-height:1;color:var(--blue)}h1{font-size:clamp(60px,6.7vw,104px);line-height:1.035;letter-spacing:-5.5px;font-weight:650;white-space:nowrap}.hero-copy>p{font-size:17px;line-height:1.6;margin:27px 0 29px;color:#36465c}.hero-copy>.button{min-width:207px}.hero-price{display:block;font-size:12px;margin-top:15px;color:#495970}.hero-product{position:relative;display:flex;align-items:center;justify-content:center;padding:27px 0 0 26px}.vpn-card{width:310px;padding:22px 23px 15px;background:rgba(255,255,255,.94);border:1px solid white;border-radius:20px;box-shadow:0 25px 70px #25466929,0 5px 14px #25466910;transform:rotate(-4deg);text-align:center;position:relative;transition:box-shadow .2s}.app-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:8px}.app-brand{font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:-.6px;display:flex;align-items:center}.app-brand>svg{width:23px;height:23px;margin-right:3px}.preview-badge{font-size:9px;color:#667384;padding:5px 7px;background:#edf1f6;border-radius:4px}.connection-status{display:flex;align-items:center;justify-content:center;gap:6px;font-size:10px;color:#426656}.status-dot{width:5px;height:5px;border-radius:50%;background:#52826d}.power-button{width:90px;height:90px;border-radius:50%;border:1px solid #c0d2c7;background:#e5eee6;margin:16px auto 19px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px #f1f5f1,0 0 0 9px #e5ece5;transition:background .25s,box-shadow .25s}.power-button:hover{background:#d7e7d8;box-shadow:0 0 0 9px #e9f0e9,0 0 0 10px #d8e5d8}.power-button .icon{width:31px;height:31px;stroke-width:1.5;color:#416c52}.vpn-card h2{font-size:24px;letter-spacing:-.8px;line-height:1.2}.connection-caption{font-size:11px;color:#77818f;margin-top:5px}.server-select{margin-top:24px;border:1px solid #e3e7ef;background:#f8f9fc;border-radius:9px;display:flex;align-items:center;gap:11px;padding:12px 10px;text-align:left;position:relative}.server-select>div{min-width:0;flex:1}.server-select label{display:block;font-size:9px;color:#7d8591;margin-bottom:4px}.server-select select{appearance:none;border:0;background:transparent;font-size:10px;font-weight:600;color:var(--ink);width:calc(100% + 23px);padding:0 24px 2px 0;cursor:pointer;position:relative;z-index:1}.server-select>.icon{width:12px;height:12px;position:absolute;right:10px;top:27px;pointer-events:none}.flag{width:27px;height:20px;border-radius:3px;border:1px solid #17264110;flex:none;background:#fff}.flag-nl{background:linear-gradient(#ae2739 0 33.3%,#fff 33.3% 66.6%,#2d4e8a 66.6%)}.flag-jp{background:radial-gradient(circle,#bc253b 0 5px,white 5.3px)}.flag-us{background:repeating-linear-gradient(#b6424b 0 2px,#fff 2px 4px);position:relative}.flag-us:before{content:'';position:absolute;top:0;left:0;background:#30467f;width:12px;height:10px}.flag-gb{background:linear-gradient(90deg,transparent 39%,white 39% 44%,#bc3543 44% 57%,white 57% 62%,transparent 62%),linear-gradient(transparent 32%,white 32% 39%,#bc3543 39% 61%,white 61% 68%,transparent 68%),#30467f}.app-foot{display:flex;align-items:center;justify-content:center;gap:4px;font-size:8px;color:#7d8591;margin-top:15px}.app-foot .icon{width:10px;height:10px}.preview-note{position:absolute;z-index:2;right:-7px;top:2px;display:flex;gap:11px;font-size:12px;line-height:1.45;transform:rotate(7deg);color:#354c75}.note-line{width:57px;height:35px;fill:none;stroke:currentColor;stroke-width:1.3;transform:rotate(17deg);margin-top:16px}.floating-tag{position:absolute;right:-2px;bottom:32px;border:1px solid #fff;background:#ffffffec;box-shadow:0 7px 30px #344e6c15;padding:13px 17px 13px 12px;border-radius:11px;display:flex;align-items:center;gap:10px;transform:rotate(5deg);font-size:10px;line-height:1.6;color:#6a7585}.floating-tag strong{font-weight:500;color:var(--ink)}.tag-icon{width:31px;height:31px;border-radius:50%;background:#eaf0fc;display:grid;place-items:center;color:var(--blue)}.tag-icon .icon{width:16px;height:16px}.hero-bottom{position:absolute;bottom:25px;left:5.5%;right:3%;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#40526c}.hero-bottom>span{display:flex;align-items:center;gap:9px}.hero-bottom>span .icon{width:16px;height:16px}.hero-bottom>a{width:34px;height:34px;display:grid;place-items:center;border:1px solid #8095b26b;border-radius:50%;transform:rotate(90deg)}.hero-bottom>a .icon{width:16px;height:16px}.is-disconnected .power-button{background:#e7eaf1;box-shadow:0 0 0 8px #f1f3f7,0 0 0 9px #e5e8ee;border-color:#d7dce6}.is-disconnected .power-button .icon{color:#677588}.is-disconnected .status-dot{background:#96a0af}.is-disconnected .connection-status{color:#77808d}.intro-section{padding:104px 0 94px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.section-heading h2{font-size:clamp(32px,3.2vw,47px);flex:1}.section-heading>p{width:310px;font-size:14px;color:var(--muted);padding-bottom:3px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:53px;margin-top:54px}.benefits article{border-top:1px solid var(--line);padding-top:25px}.benefit-icon{display:block;color:var(--blue);margin-bottom:21px}.benefit-icon .icon{width:25px;height:25px}.benefits h3{font-size:22px;letter-spacing:-.6px;margin-bottom:11px}.benefits p{font-size:13px;color:var(--muted);max-width:330px;line-height:1.75}.experience-section{display:grid;grid-template-columns:1.08fr 1fr;gap:95px;align-items:center;padding-bottom:113px}.everyday-art{height:490px;border-radius:15px;background:#e5eaff;position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center}.art-orbit{position:absolute;z-index:-1;border:1px solid #c4cef388;border-radius:50%;width:340px;height:340px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:510px;height:510px}.orbit-three{width:680px;height:680px}.art-caption{position:absolute;top:28px;font-size:10px;color:#687697;text-align:center}.browser-art{width:294px;height:265px;box-shadow:0 20px 36px #4964a018;border:1px solid white;background:white;border-radius:10px;transform:rotate(-6deg);margin-top:33px;overflow:hidden}.browser-top{height:34px;display:flex;gap:4px;align-items:center;padding:0 12px;border-bottom:1px solid #e6eaf5}.browser-top>span{width:4px;height:4px;background:#c4cde0;border-radius:50%}.browser-top>div{display:flex;align-items:center;gap:4px;font-size:8px;color:#8b96ab;margin:auto;padding-right:16px}.browser-top .icon{width:9px;height:9px}.browser-inner{text-align:center;background:#f8f9ff;padding:23px 0;height:100%}.browser-logo{color:var(--blue);margin-bottom:10px}.browser-logo svg{height:39px;width:39px;margin:auto}.browser-headline{font:600 29px/1.05 var(--display);letter-spacing:-1px}.browser-pill{display:inline-flex;align-items:center;gap:5px;margin-top:17px;background:#e5eee5;border:1px solid #dbe7dd;border-radius:20px;padding:6px 10px;font-size:8px;color:#527459}.browser-pill>span{background:#658c6d;border-radius:50%;width:4px;height:4px}.wifi-slip{position:absolute;left:47px;top:80px;transform:rotate(6deg);z-index:2;background:white;border-radius:10px;padding:14px 16px;display:flex;gap:13px;align-items:center;box-shadow:0 9px 24px #35509714}.wifi-slip-icon{color:#6474a6;background:#eff2fb;border-radius:9px;padding:8px}.wifi-slip-icon .icon{width:19px;height:19px}.wifi-slip strong{font-size:11px;font-weight:600;display:block}.wifi-slip div>span{display:block;color:#8892a8;font-size:9px;margin-top:4px}.slip-dot{background:#8896bd;width:5px;height:5px;border-radius:50%;margin-left:17px}.privacy-stamp{position:absolute;bottom:39px;right:26px;width:111px;height:111px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;background:#f4ba87;transform:rotate(13deg);box-shadow:0 6px 15px #b4825010}.privacy-stamp .icon{width:19px;height:19px}.privacy-stamp span{font:600 16px/1.03 var(--display);letter-spacing:-.3px}.small-label{display:block;font-size:12px;color:#687489;margin-bottom:20px}.experience-copy h2{font-size:clamp(35px,3.6vw,52px)}.experience-copy>p{max-width:370px;color:var(--muted);font-size:14px;margin:25px 0 25px}.text-link{display:inline-flex;align-items:center;gap:21px;font-size:13px;font-weight:600;border-bottom:1px solid #a8b1c0;padding-bottom:9px}.text-link .icon{width:17px;height:17px}.text-link:hover{color:var(--blue);border-color:var(--blue)}.device-note{display:flex;align-items:center;gap:18px;margin-top:34px;font-size:10px;color:#727d8d;line-height:1.5}.device-icons{display:flex;align-items:center;gap:13px;color:#657186}.device-icons .icon{width:22px;height:22px}.pricing-section{background:#f4f7fc;padding:84px 0 55px}.pricing-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px}.pricing-title h2{font-size:clamp(34px,3.5vw,49px)}.pricing-title .small-label{margin-bottom:13px}.pricing-title>p{font-size:13px;line-height:1.6;color:var(--muted);margin-bottom:3px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{position:relative;border:1px solid #d9e0eb;border-radius:12px;padding:29px 26px 23px;background:#fff;display:flex;flex-direction:column}.plan-top h3{font-size:24px;letter-spacing:-.7px;margin-bottom:7px}.plan-top>span{font-size:11px;color:var(--muted)}.price{display:flex;align-items:baseline;gap:8px;margin-top:35px;white-space:nowrap}.price>span:first-child{font:600 58px/1 var(--display);letter-spacing:-3px}.price>span:last-child{font-size:13px;color:#627089}.billing{font-size:10px;color:#657186;margin-top:12px;line-height:1.6;min-height:35px;max-width:220px}.price-card>.button{margin-top:23px;width:100%;font-size:12px;padding:14px 17px;min-height:48px}.plan-bottom{font-size:9px;display:flex;align-items:flex-start;gap:7px;color:#5e6e84;margin-top:18px;line-height:1.6}.plan-bottom .icon{width:12px;height:12px;margin-top:1px}.featured{background:#e2eaff;border-color:#a6baf2;box-shadow:0 5px 16px #3156a907}.popular-label{position:absolute;top:-13px;right:20px;padding:6px 10px;background:var(--blue);color:white;border-radius:5px;font-size:9px;display:flex;gap:14px;align-items:center}.popular-label .icon{width:12px;height:12px}.pricing-note{text-align:center;font-size:10px;color:#7b8594;margin-top:27px}.faq-section{display:grid;grid-template-columns:.84fr 1.16fr;gap:80px;padding:107px 0 109px}.faq-heading .small-label{margin-bottom:13px}.faq-heading h2{font-size:48px}.faq-heading p{font-size:13px;color:var(--muted);margin-top:18px}.faq-flower{font-size:74px;line-height:1;margin-top:31px;color:#9db6f2}.faq-list{padding-top:1px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:500;padding:22px 0}.faq-list details:first-child summary{padding-top:0}.faq-list summary::-webkit-details-marker{display:none}.faq-list p{color:var(--muted);font-size:12px;max-width:475px;line-height:1.8;padding:0 27px 23px 0}.faq-plus{height:18px;width:18px;position:relative;flex:none}.faq-plus:before,.faq-plus:after{content:'';position:absolute;top:8px;left:3px;width:12px;height:1px;background:var(--ink)}.faq-plus:after{transform:rotate(90deg);transition:transform .2s}.faq-list details[open] .faq-plus:after{transform:rotate(0)}.closing-section{background:var(--blue);color:white;margin:0 20px;border-radius:15px;padding:55px 7% 36px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;overflow:hidden;isolation:isolate}.closing-section:before,.closing-section:after{content:'';border:1px solid #ffffff1c;border-radius:50%;width:700px;height:700px;position:absolute;right:-30px;top:-110px;z-index:-1}.closing-section:after{width:950px;height:950px;right:-155px;top:-235px}.closing-section>div{position:relative}.closing-sun{position:absolute;left:282px;top:0;font-size:70px;color:#baceff;transform:rotate(10deg);line-height:1}.closing-section h2{font-size:70px;letter-spacing:-3px;line-height:1.03}.closing-section .button{margin-top:29px;font-size:13px;min-height:50px;padding:13px 19px;gap:35px}.closing-section>p{font-size:12px;color:#dae4ff;padding-bottom:3px}.site-footer{padding:51px 0 22px}.footer-top{display:flex;align-items:center;gap:30px;padding-bottom:39px}.footer-top .wordmark{font-size:26px}.footer-top .wordmark>svg{width:32px;height:32px}.footer-top>p{font-size:11px;color:#7e8896}.footer-top nav{margin-left:auto;display:flex;gap:24px;align-items:center;font-size:11px;color:#617086}.footer-top nav button{border:0;padding:0;background:none;font:inherit}.footer-top nav a:hover,.footer-top nav button:hover{color:var(--blue)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8b94a3;border-top:1px solid var(--line);padding-top:21px}.footer-bottom a{display:flex;align-items:center;gap:10px}.footer-bottom .icon{width:13px;height:13px;transform:rotate(-90deg)}dialog{width:min(470px,calc(100% - 32px));border:1px solid white;border-radius:20px;color:var(--ink);padding:38px;background:#f7f9ff;box-shadow:0 25px 100px #17264144}dialog::backdrop{background:#17264175;backdrop-filter:blur(5px)}.dialog-open{overflow:hidden}.dialog-close{position:absolute;top:15px;right:15px;border:0;background:#e8edf7;border-radius:50%;padding:8px}.dialog-close .icon{height:18px;width:18px}.dialog-mark{width:46px;height:46px;color:var(--blue);margin-bottom:24px}dialog .small-label{margin-bottom:10px}dialog h2{font-size:35px;letter-spacing:-1.5px;max-width:320px}.dialog-price{font-family:var(--display);font-size:30px;font-weight:600;letter-spacing:-1px;margin-top:25px}#dialog-billing{font-size:12px;color:var(--muted);margin-top:4px}.dialog-info{display:flex;gap:12px;background:#e9eef9;border-radius:9px;padding:16px;margin:24px 0}.dialog-info>.icon{height:18px;width:18px;margin-top:2px}.dialog-info p{font-size:12px;color:#5e6e84}.dialog-done{width:100%;font-size:13px}
@media(min-width:1608px){.hero,.closing-section{margin-inline:auto;max-width:1568px}.hero{padding-inline:100px}}
@media(max-width:1150px){.site-header{padding-inline:32px}.site-header nav{gap:22px;font-size:12px}.wordmark{font-size:26px}.section-wrap{width:calc(100% - 80px)}.hero{padding:75px 5% 90px;min-height:680px;gap:10px}.hero-copy{padding-top:20px}h1{font-size:76px;letter-spacing:-4px}.hero-intro{font-size:11px}.hero-copy>p{font-size:14px}.hero-product{padding-left:25px}.vpn-card{width:285px;padding:20px 19px 14px}.preview-note{right:0;top:0;font-size:10px}.floating-tag{right:-14px;bottom:22px;font-size:9px}.experience-section{gap:60px}.experience-copy h2{font-size:43px}.everyday-art{height:450px}.wifi-slip{left:25px}.benefits{gap:35px}.price-card{padding:28px 21px 22px}.price>span:first-child{font-size:52px}.pricing-title h2{font-size:40px}.footer-top{gap:23px}.footer-top nav{gap:20px}.footer-top>p{display:none}}
@media(max-width:900px){.site-header{height:85px;padding-inline:28px}.site-header nav{gap:18px;font-size:11px}.header-cta{padding:11px 14px;gap:12px;font-size:11px;min-height:42px}.hero{margin-inline:14px;min-height:625px;padding-top:61px;border-radius:16px}.hero-intro{font-size:10px;gap:7px;margin-bottom:23px}h1{font-size:63px;letter-spacing:-3.5px}.hero-copy>p{font-size:13px}.hero-copy>.button{min-width:185px;font-size:13px;min-height:51px;padding:15px 20px}.hero-price{font-size:10px}.hero-product{padding-left:23px;padding-top:20px}.vpn-card{width:260px;padding:19px 17px 14px}.app-brand{font-size:13px}.preview-badge{font-size:8px}.vpn-card h2{font-size:22px}.server-select{gap:7px}.server-select select{font-size:9px}.floating-tag{right:-9px;bottom:22px;padding:10px;gap:6px;font-size:8px}.preview-note{top:0;right:-3px}.section-wrap{width:calc(100% - 64px)}.intro-section{padding:75px 0}.section-heading{gap:35px}.section-heading h2{font-size:34px;letter-spacing:-1.5px}.section-heading>p{width:235px;font-size:12px}.benefits{gap:28px;margin-top:40px}.benefits h3{font-size:20px}.benefits p{font-size:12px}.experience-section{gap:39px;padding-bottom:80px}.experience-copy h2{font-size:37px}.experience-copy>p{font-size:12px}.everyday-art{height:414px}.browser-art{width:246px;height:254px}.wifi-slip{top:68px;left:20px;padding:10px}.privacy-stamp{width:92px;height:92px;bottom:28px;right:16px}.privacy-stamp span{font-size:14px}.art-caption{font-size:8px}.device-note{margin-top:24px;gap:13px}.device-icons{gap:10px}.text-link{font-size:11px;gap:15px}.small-label{font-size:10px;margin-bottom:15px}.pricing-section{padding:65px 0 38px}.pricing-title h2{font-size:36px}.pricing-title>p{font-size:11px}.pricing-grid{gap:13px}.price-card{padding:25px 17px 20px}.plan-top h3{font-size:21px}.plan-top>span{font-size:9px}.price{gap:5px}.price>span:first-child{font-size:44px;letter-spacing:-2px}.price>span:last-child{font-size:11px}.price-card .button{font-size:10px;gap:8px;padding:11px 12px;min-height:43px}.billing{font-size:9px;min-height:44px}.plan-bottom{font-size:8px}.pricing-note{font-size:9px}.faq-section{gap:40px;padding:75px 0}.faq-heading h2{font-size:39px}.faq-heading p{font-size:12px}.faq-list summary{font-size:12px;gap:12px}.faq-list p{font-size:11px}.closing-section{margin-inline:14px}.footer-top nav{gap:17px;font-size:10px}}
@media(max-width:780px){html{scroll-padding-top:20px}.site-header{height:78px;padding:0 22px;gap:15px}.wordmark{font-size:27px}.wordmark>svg{width:34px;height:34px}.header-cta{display:none}.menu-toggle{display:flex;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:white;align-items:center;justify-content:center;flex-direction:column;gap:5px;z-index:12}.menu-toggle>span{height:1.5px;width:15px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.25px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.site-header nav{display:none;position:absolute;left:14px;right:14px;top:68px;z-index:10;background:#fff;border:1px solid #e2e8f2;border-radius:12px;box-shadow:0 15px 40px #17264115;padding:20px 25px;font-size:16px}.site-header nav.is-open{display:flex;flex-direction:column;gap:1px}.hero{grid-template-columns:1fr;gap:0;margin-inline:12px;padding:39px 27px 64px;min-height:0;border-radius:15px}.hero-photo{object-position:65% center}.hero-wash{background:linear-gradient(180deg,#dbe8fff2 0%,#dbe8ffce 24%,#d6e2fa0a 80%)}.hero-copy{padding:0}.hero-intro{font-size:11px;margin-bottom:22px;gap:8px}.little-sun{font-size:22px}h1{font-size:clamp(49px,11.5vw,76px);line-height:1.035;letter-spacing:-3.4px}.hero-copy>p{font-size:14px;margin:21px 0 24px;line-height:1.6}.hero-copy>.button{min-width:198px;font-size:13px;min-height:52px}.hero-price{font-size:10px;margin-top:13px}.hero-product{padding:53px 0 14px;min-height:433px}.vpn-card{width:277px;padding:19px 19px 15px}.app-brand{font-size:14px}.app-top{margin-bottom:19px}.power-button{height:81px;width:81px;margin-top:17px;margin-bottom:20px}.vpn-card h2{font-size:23px}.server-select{margin-top:21px}.server-select select{font-size:10px}.preview-note{top:18px;right:-4px;font-size:9px}.preview-note .note-line{width:37px;height:27px}.floating-tag{right:-8px;bottom:4px;padding:10px 12px;font-size:8px}.hero-bottom{bottom:19px;left:27px;right:24px;font-size:9px}.hero-bottom>span{gap:6px}.hero-bottom>span .icon{width:13px;height:13px}.hero-bottom>a{width:28px;height:28px}.section-wrap{width:calc(100% - 48px)}.intro-section{padding:65px 0 58px}.section-heading{display:block}.section-heading h2{font-size:34px;line-height:1.15;letter-spacing:-1.5px}.section-heading>p{margin-top:21px;width:auto;font-size:13px;max-width:370px}.benefits{grid-template-columns:1fr;gap:25px;margin-top:32px}.benefits article{padding-top:24px;display:grid;grid-template-columns:34px 1fr;gap:0 14px}.benefit-icon{grid-row:span 2;margin-top:1px;margin-bottom:0}.benefits h3{font-size:22px;margin-bottom:9px}.benefits p{font-size:13px;max-width:none}.experience-section{grid-template-columns:1fr;gap:32px;padding-bottom:66px}.everyday-art{height:405px}.art-caption{font-size:9px;top:25px}.browser-art{width:267px;height:253px}.wifi-slip{left:30px;top:69px}.privacy-stamp{right:22px;bottom:24px;width:98px;height:98px}.experience-copy{padding:0 2px}.experience-copy h2{font-size:40px;letter-spacing:-1.8px}.experience-copy h2 br:nth-child(2){display:none}.experience-copy>p{font-size:13px;margin-top:21px;max-width:none}.small-label{font-size:11px;margin-bottom:14px}.text-link{font-size:12px;gap:22px}.device-note{font-size:10px;margin-top:27px}.pricing-section{padding:58px 0 36px}.pricing-title{display:block;margin-bottom:33px}.pricing-title h2{font-size:37px;letter-spacing:-1.8px;max-width:320px}.pricing-title>p{font-size:12px;margin-top:18px}.pricing-title>p br{display:none}.pricing-title>p br:after{content:' '}.pricing-grid{grid-template-columns:1fr;gap:22px}.price-card{padding:26px}.featured{order:-1}.plan-top h3{font-size:25px}.plan-top>span{font-size:11px}.price{margin-top:26px;gap:10px}.price>span:first-child{font-size:60px;letter-spacing:-3px}.price>span:last-child{font-size:13px}.billing{font-size:11px;min-height:0;max-width:none;margin-top:13px}.price-card .button{font-size:13px;padding:15px 17px;min-height:48px;margin-top:25px}.plan-bottom{font-size:10px;margin-top:18px}.popular-label{right:23px;font-size:10px;padding:6px 11px}.pricing-note{font-size:10px;text-align:left;margin-top:22px;line-height:1.8}.faq-section{grid-template-columns:1fr;gap:30px;padding:63px 0}.faq-heading{position:relative}.faq-heading h2{font-size:39px}.faq-heading p{font-size:13px;margin-top:17px}.faq-flower{position:absolute;right:13px;bottom:4px;font-size:55px;margin:0}.faq-list summary{font-size:13px;padding:22px 0;line-height:1.5}.faq-list p{font-size:12px;padding-right:20px}.closing-section{margin-inline:12px;padding:36px 27px 28px;display:block;border-radius:12px}.closing-section h2{font-size:64px;letter-spacing:-3px}.closing-sun{font-size:49px;left:242px;top:2px}.closing-section .button{min-height:50px;font-size:12px;gap:23px;margin-top:25px}.closing-section>p{font-size:10px;padding:0;margin-top:29px}.closing-section:before{right:-350px;top:-150px}.closing-section:after{right:-475px;top:-275px}.site-footer{padding:35px 0 21px}.footer-top{flex-wrap:wrap;padding-bottom:28px;gap:25px}.footer-top>.wordmark{font-size:28px}.footer-top nav{margin:0;width:100%;flex-wrap:wrap;gap:16px 24px;font-size:11px}.footer-bottom{font-size:8px;gap:10px}.footer-bottom>span:nth-child(2){display:none}dialog{padding:29px}dialog h2{font-size:33px}}
@media(max-width:370px){.hero{padding-inline:22px}h1{font-size:48px;letter-spacing:-2.8px}.hero-intro{font-size:10px}.hero-copy>p{font-size:12px}.hero-product{margin-inline:-9px}.vpn-card{width:253px}.floating-tag{right:-3px}.preview-note{right:-4px;font-size:8px}.section-wrap{width:calc(100% - 40px)}.section-heading h2{font-size:31px}.experience-copy h2{font-size:36px}.closing-sun{left:218px;font-size:42px}.closing-section h2{font-size:58px}.faq-heading h2{font-size:36px}.faq-flower{right:0;font-size:45px}}
.benefits p{font-size:14px}.billing{font-size:12px;max-width:250px;min-height:40px}.plan-top>span{font-size:12px}.price-card>.button{font-size:13px}.plan-bottom{font-size:11px}.pricing-note{font-size:12px;color:#647084}.faq-list p{font-size:14px}.faq-list summary{font-size:15px}.preview-note{color:#243d65}.footer-bottom{font-size:11px;color:#687489}.footer-top nav{font-size:12px}.app-foot{color:#626e7f;font-size:8px}.preview-badge{color:#556171}.connection-caption{color:#637083}.server-select label{color:#637083}
@media(min-width:781px) and (max-width:1000px){.billing{font-size:11px;min-height:53px}.plan-bottom{font-size:10px}.price-card>.button{font-size:11px}.pricing-note{font-size:11px}.plan-top>span{font-size:10px}.footer-top nav{font-size:11px}}
@media(max-width:780px){.billing{min-height:0;max-width:none}.hero-product{padding-bottom:19px}.hero-price{max-width:285px;line-height:1.6}.pricing-note{font-size:11px}.faq-list summary{font-size:14px}.faq-list p{font-size:13px}.footer-bottom{font-size:10px}.footer-top nav{font-size:11px}.closing-section>p{font-size:12px}}
.hero-copy,.hero-product{min-width:0}
@media(min-width:781px) and (max-width:900px){h1{font-size:56px;letter-spacing:-3px}}
@media(max-width:370px){h1{font-size:39px;letter-spacing:-2.4px}.hero-product{margin-inline:-5px}.vpn-card{width:229px;padding-inline:13px;transform:rotate(-3deg)}.vpn-card h2{font-size:20px}.app-brand{font-size:12px}.app-foot{font-size:7px}.server-select select{font-size:9px}.preview-note{right:0;top:18px;font-size:8px}.hero-copy>p{font-size:13px}.hero-price{font-size:9px;max-width:229px}.closing-sun{left:202px;font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}