/* Original YouVPN artwork, layered into the responsive sections. */
.home-intro,.refresh-section{position:relative;isolation:isolate}
.refresh-section{overflow:hidden;overflow:clip}
.refresh-section>.refresh-container{position:relative;z-index:1}
.home-intro{background-image:radial-gradient(ellipse at 78% 64%,#b78b4611,transparent 45%),linear-gradient(#191919aa,#191919d9),url('../images/aec6359924a71670.png')}
.home-hero__visual{position:relative;isolation:isolate}
.home-hero__visual::before{content:"";position:absolute;z-index:-1;inset:5% -8%;border-radius:50%;background:radial-gradient(ellipse,#c4a16d18,transparent 66%);pointer-events:none}
.home-hero__visual img{filter:drop-shadow(0 24px 28px #0005)}
.refresh-button,.home-account,.footer-support__button{transition:background .22s,border-color .22s,box-shadow .22s,transform .22s}
.refresh-button--primary{background:linear-gradient(120deg,#d1aa65,#b68b46 54%,#a57d3b);box-shadow:inset 0 1px 0 #ffdf9a66,0 8px 30px #b68b4614}
.refresh-button--primary:hover{background:linear-gradient(120deg,#dfbc7d,#c3974d 65%,#b68b46);box-shadow:inset 0 1px 0 #ffecc188,0 8px 32px #b68b4629}
.refresh-button:focus-visible,.home-account:focus-visible{outline:2px solid #edc77e;outline-offset:4px}
.home-overview{padding-top:70px;padding-bottom:60px;background:radial-gradient(ellipse at 75% 25%,#ac804514,transparent 60%),#1a1a1a}
.home-overview::before{content:"";position:absolute;right:calc(50% - 600px);top:10px;width:600px;height:380px;background:url('../images/9dc3f335a7b3c64f.png') center/contain no-repeat;opacity:.045;pointer-events:none}
.home-overview__heading{max-width:690px;padding-right:70px;min-height:175px}
.home-overview__heading .refresh-title{max-width:520px;font-size:38px}
.home-overview__heading .refresh-lead{max-width:520px}
.home-overview__art{position:absolute;z-index:-1;right:86px;top:-24px;width:205px;pointer-events:none}
.home-overview__art::before{content:"";position:absolute;inset:-55px;border:1px solid #b68b4619;border-radius:50%;transform:rotate(-20deg) scaleX(1.2)}
.home-overview__art::after{content:"";position:absolute;inset:-28px;border:1px solid #b68b461c;border-radius:50%;transform:rotate(25deg) scaleX(1.23)}
.home-overview__art img{display:block;width:100%;height:auto;opacity:.9;filter:drop-shadow(0 22px 20px #0007);transform:rotate(9deg)}
.home-stats{position:relative;margin-top:32px;gap:18px}
.home-stats>div{position:relative;overflow:hidden;background:linear-gradient(125deg,#343029df,#242423f0 68%);border-color:#c6a66c30;border-radius:21px;box-shadow:inset 0 1px 0 #fff6d410,0 14px 30px #0002;padding:27px}
.home-stats>div::after{content:"";position:absolute;right:8px;bottom:6px;width:116px;height:116px;background:var(--card-art) center/contain no-repeat;opacity:.38;mask-image:linear-gradient(90deg,transparent,#000 45%);pointer-events:none}
.home-stats>div:nth-child(1){--card-art:url('../images/card-community.webp')}
.home-stats>div:nth-child(2){--card-art:url('../images/card-adfree.webp')}
.home-stats>div:nth-child(3){--card-art:url('../images/card-devices.webp')}
.home-stats>div{min-height:146px}
.home-stats strong{position:relative;z-index:1;color:#ead8b9;font-size:29px}
.home-stats span{position:relative;z-index:1;color:#b6b1a8}
.home-features{padding-top:64px;padding-bottom:68px;background:radial-gradient(ellipse at 25% 58%,#ac804515,transparent 53%),#191919}
.home-features::before{content:"";position:absolute;width:680px;height:370px;left:calc(50% - 690px);top:30px;background:url('../images/2af606daa532780c.png') center/contain no-repeat;opacity:.04;pointer-events:none}
.home-features>.refresh-container{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:56px}
.home-features__intro{position:relative;min-width:0;align-self:start;padding-top:18px}
.home-features__intro .refresh-title{max-width:350px;font-size:38px}
.home-features__art{width:440px;max-width:125%;margin:4px 0 -32px -50px;pointer-events:none;position:relative}
.home-features__art::before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(ellipse,#d9a95d24,transparent 67%)}
.home-features__art img{display:block;width:100%;height:auto;filter:drop-shadow(0 30px 24px #0006)}
.home-features__grid{grid-template-columns:1fr;gap:16px;margin:0}
.home-features article{position:relative;overflow:hidden;padding:26px 28px 26px 78px;border-radius:22px;border-color:#c6a66c30;background:linear-gradient(110deg,#343029cc,#242423eb 70%);box-shadow:inset 0 1px 0 #fff6d40a,0 15px 28px #0002}
.home-features article::after{content:"";position:absolute;width:148px;height:148px;top:50%;right:8px;margin-top:-74px;background:var(--card-art) center/contain no-repeat;opacity:.42;mask-image:linear-gradient(90deg,transparent,#000 32%);pointer-events:none}
.home-features article:nth-child(1){--card-art:url('../images/card-speed.webp')}
.home-features article:nth-child(2){--card-art:url('../images/card-connection.webp')}
.home-features article:nth-child(3){--card-art:url('../images/card-support.webp')}
.home-features article h3,.home-features article p{position:relative;z-index:1}
.home-feature__number{position:absolute;left:24px;top:28px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #b68b4655;border-radius:50%;font-size:11px;margin:0;color:#ddba7d;background:#b68b4610}
.home-features h3{font-size:23px;margin-bottom:10px}
.home-features article p{font-size:14px;line-height:1.65}
.home-install{background:radial-gradient(ellipse at 72% 53%,#98764411,transparent 60%),#1a1a1a}
.home-install::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#1a1a1a88,#1a1a1a44),url('../images/aec6359924a71670.png') center/cover no-repeat;opacity:.13;pointer-events:none}
.install-option>span{background:linear-gradient(120deg,#292824d9,#202020f0);border-color:#ffffff20;box-shadow:inset 0 1px 0 #ffffff04;transition:border-color .2s,background .2s,box-shadow .2s}
.install-option input:checked+span{background:linear-gradient(110deg,#534329b8,#312b23e6);border-color:#b68b46;box-shadow:inset 3px 0 0 #dcb676,0 6px 20px #0002}
.install-details{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,#373128f0,#252422f5 70%);border-color:#c6a66c33;box-shadow:inset 0 1px 0 #fff6d411,0 20px 40px #0003;border-radius:24px}
.install-details::after{content:"";position:absolute;z-index:-1;right:-36px;bottom:-70px;width:220px;height:270px;background:url('../images/6b52a79f1e37e1e2.svg') center/contain no-repeat;opacity:.065;transform:rotate(-18deg);pointer-events:none}
.home-setup{background:radial-gradient(ellipse at 50% 65%,#ac80450e,transparent 60%),#1a1a1a}
.home-setup::before{content:"";position:absolute;top:22px;right:calc(50% - 650px);height:300px;width:700px;background:url('../images/98b5af1fe29f144d.png') center/contain no-repeat;opacity:.035;pointer-events:none}
.home-steps{gap:24px;margin-top:36px}
.home-steps li{position:relative;padding:28px 26px 24px;border:1px solid #b68b4630;border-radius:24px;background:linear-gradient(145deg,#2c2a26d9,#202020ed 65%);box-shadow:inset 0 1px 0 #ffdf9a0a}
.home-steps li>span{position:static;display:grid;place-items:center;width:46px;height:46px;margin-bottom:23px;border-radius:15px;background:linear-gradient(135deg,#b68b4633,#b68b4610);border:1px solid #b68b4655;color:#dfbb7c;font-size:16px;box-shadow:inset 0 1px 0 #e5c58b20}
.home-steps li:not(:last-child)::after{content:"";position:absolute;z-index:2;width:24px;height:1px;left:100%;top:50px;background:linear-gradient(90deg,#b68b4650,#ddbf88b0,#b68b4650)}
.home-trial-banner{padding-top:24px;padding-bottom:40px}
.home-trial-banner__inner{position:relative;isolation:isolate;overflow:hidden;min-height:228px;gap:30px;padding:40px 40px 40px 218px;background:radial-gradient(ellipse at 10% 50%,#b68b4629,transparent 48%),linear-gradient(110deg,#342e25,#252421);border:1px solid #c6a66c44;border-radius:28px;box-shadow:inset 0 1px 0 #e9c68d11,0 22px 40px #0002}
.home-trial-banner__inner::before{content:"";position:absolute;z-index:-1;inset:0;background:url('../images/1e835bdb0effc7a3.png') right 46%/500px auto no-repeat;opacity:.07;pointer-events:none}
.home-trial-banner__inner>div:not(.home-trial-banner__art){position:relative;max-width:490px}
.home-trial-banner__art{position:absolute;z-index:-1;left:-24px;top:50%;width:270px;transform:translateY(-50%);pointer-events:none}
.home-trial-banner__art img{display:block;width:100%;height:auto;filter:drop-shadow(0 16px 18px #0006)}
.home-trial-banner h2{font-size:36px;color:#f4e6ce}
.home-trial-banner p{color:#c2b9aa}
.home-reviews-heading{background:radial-gradient(ellipse at 90% 100%,#a9834710,transparent 55%),#1a1a1a}
.site-footer{background:#1f1f1f}
.footer-support{background:radial-gradient(ellipse at 80% 100%,#b68b4614,transparent 58%),#282828;border-color:#bca27326;box-shadow:inset 0 1px 0 #ffdf9a08}
.footer-support::before{opacity:.25}
.footer-support__button--primary{background:linear-gradient(120deg,#c29c59,#ae843f);box-shadow:inset 0 1px 0 #ffdf9a55,0 8px 25px #0002}
@media(hover:hover) and (pointer:fine){.refresh-button:hover,.home-account:hover,.footer-support__button:hover{transform:translateY(-2px)}.install-option:hover>span{border-color:#b68b4699}}
@media(min-width:960px){.home-motion .home-hero__visual img{animation:youvpn-device-float 8s ease-in-out infinite;animation-play-state:paused}.home-motion .home-intro.is-in-view .home-hero__visual img{animation-play-state:running}}
@media(prefers-reduced-motion:no-preference){
 .home-motion .home-overview__art img,.home-motion .home-features__art img,.home-motion .home-trial-banner__art img{animation:youvpn-art-float 7s ease-in-out infinite;animation-play-state:paused}
 .home-motion .home-overview__art img{animation-name:youvpn-shield-float;animation-duration:9s}
 .home-motion .is-in-view .home-overview__art img,.home-motion .is-in-view .home-features__art img,.home-motion .is-in-view .home-trial-banner__art img{animation-play-state:running}
 .home-motion .footer-support::before{animation:youvpn-plane-drift 10s ease-in-out infinite;animation-play-state:paused}
 .home-motion .footer-support.is-in-view::before{animation-play-state:running}
 .home-reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease var(--reveal-delay,0s),transform .65s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0s)}
 .home-reveal.is-revealed{opacity:1;transform:translateY(0)}
}
@keyframes youvpn-art-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes youvpn-shield-float{0%,100%{transform:translateY(0) rotate(9deg)}50%{transform:translateY(-10px) rotate(4deg)}}
@keyframes youvpn-device-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes youvpn-plane-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(-10px,-5px)}}
@media(max-width:1199px){.home-overview__art{right:80px;width:180px}.home-overview__heading{max-width:650px;padding-right:100px}.home-features>.refresh-container{gap:34px}.home-features__intro .refresh-title,.home-overview__heading .refresh-title{font-size:34px}.home-features__art{margin-left:-35px;max-width:125%}.home-features article{padding:24px 24px 24px 71px}.home-feature__number{left:21px;top:25px}.home-steps li{padding:25px 23px}.home-trial-banner__inner{padding:34px 30px 34px 186px}.home-trial-banner__art{width:235px;left:-28px}.home-trial-banner h2{font-size:32px}}
@media(max-width:959px){.home-overview{padding-top:48px;padding-bottom:44px}.home-overview__heading{max-width:100%;padding-right:165px;min-height:185px}.home-overview__heading .refresh-title{font-size:29px}.home-overview__art{width:130px;right:44px;top:22px}.home-overview__art::before{inset:-24px}.home-overview__art::after{inset:-12px}.home-stats>div{padding:21px}.home-stats strong{font-size:23px}.home-features{padding:48px 0}.home-features>.refresh-container{grid-template-columns:minmax(0,.68fr) minmax(0,1fr);gap:24px}.home-features__intro .refresh-title{font-size:29px}.home-features__art{max-width:145%;width:330px;margin:20px 0 -20px -45px}.home-features article{padding:21px 21px 21px 61px}.home-feature__number{width:27px;height:27px;left:18px;top:22px;font-size:10px}.home-features h3{font-size:20px}.home-features article p{font-size:13px}.home-steps{gap:14px}.home-steps li{padding:21px 18px}.home-steps li:not(:last-child)::after{width:14px}.home-steps h3{font-size:18px}.home-steps li>span{width:40px;height:40px;border-radius:13px}.home-trial-banner__inner{flex-wrap:wrap;padding:32px 30px 32px 190px;gap:20px}.home-trial-banner__art{width:240px;left:-27px}.home-trial-banner__inner>div:not(.home-trial-banner__art){max-width:100%}.home-trial-banner h2{font-size:30px}}
@media(max-width:639px){.home-overview{padding-top:36px;padding-bottom:34px}.home-overview__heading{padding-right:68px;min-height:0}.home-overview__heading .refresh-title{font-size:26px;max-width:340px}.home-overview__heading .refresh-lead{margin-top:14px}.home-overview__art{right:-26px;top:43px;width:115px;opacity:.32}.home-overview__art::before{inset:-20px}.home-stats{margin-top:25px;gap:11px}.home-stats>div{padding:21px 20px;border-radius:18px}.home-stats strong{font-size:23px}.home-features{padding-top:34px;padding-bottom:36px}.home-features>.refresh-container{display:block}.home-features__intro{padding:0 110px 0 0;min-height:150px;display:flex;flex-direction:column;justify-content:center}.home-features__intro .refresh-eyebrow{font-size:11px;margin-bottom:10px}.home-features__intro .refresh-title{font-size:26px}.home-features__art{position:absolute;right:-44px;top:-5px;margin:0;width:210px;max-width:none}.home-features__grid{margin-top:16px;gap:13px}.home-features article{padding:23px 21px 23px 63px;border-radius:20px}.home-feature__number{left:19px;top:24px}.home-features h3{font-size:21px}.home-features article p{font-size:14px}.home-steps{gap:18px;margin-top:26px}.home-steps li{padding:24px 23px 24px 75px;min-height:150px}.home-steps li>span{position:absolute;top:25px;left:20px;width:36px;height:36px;font-size:13px;border-radius:12px}.home-steps h3{font-size:21px}.home-steps li:not(:last-child)::after{width:1px;height:18px;top:100%;left:37px;background:linear-gradient(#b68b4650,#ddbf8890,#b68b4650)}.home-trial-banner{padding-top:16px;padding-bottom:24px}.home-trial-banner__inner{padding:30px 25px;min-height:0;gap:23px}.home-trial-banner__inner>div:not(.home-trial-banner__art){padding-right:48px}.home-trial-banner__art{width:185px;left:auto;right:-80px;top:55px;transform:none;opacity:.38}.home-trial-banner h2{font-size:30px}.home-trial-banner a{position:relative}.home-trial-banner__inner::before{opacity:.035}.install-details{border-radius:22px}}
@media(max-width:359px){.home-overview__heading{padding-right:52px}.home-overview__art{right:-35px}.home-stats strong{font-size:20px}.home-stats>div{padding:19px 16px}.home-features__intro{padding-right:100px}.home-features__intro .refresh-title{font-size:25px}.home-features__art{width:195px;right:-47px;top:8px}.home-features article{padding-left:57px}.home-feature__number{left:16px}.home-steps li{padding-left:64px;padding-right:20px}.home-steps li>span{left:16px;width:32px;height:32px}.home-steps li:not(:last-child)::after{left:31px}}
@media(prefers-reduced-motion:reduce){.home-reveal{opacity:1;transform:none}.home-overview__art img,.home-features__art img,.home-trial-banner__art img,.home-hero__visual img,.footer-support::before{animation:none!important}.refresh-button,.home-account,.footer-support__button,.install-option>span{transition:none}}