/* Full-height first screen, a quiet connected map and the original side light. */
@font-face{font-family:YouVPNDisplay;src:url('../fonts/manrope-variable.ttf') format('truetype');font-weight:200 800;font-style:normal;font-display:swap}
.home-intro{display:flex;min-height:calc(100vh - var(--connection-strip-height,96px));min-height:calc(100svh - var(--connection-strip-height,96px));background:radial-gradient(ellipse at 78% 60%,#a6823e0b,transparent 53%),#191919;overflow:hidden;overflow:clip}
.home-intro>.refresh-container{position:relative;z-index:2;display:flex;flex-direction:column;width:100%}
.home-header{flex-shrink:0}
.home-hero{flex:1;min-height:0}
@media(min-width:960px){.home-hero__visual img{max-height:clamp(250px,calc(100svh - var(--connection-strip-height,96px) - 300px),560px)}}
.home-network,.home-spotlight{position:absolute;inset:0;z-index:0;pointer-events:none;user-select:none}
.home-network{overflow:hidden;mask-image:linear-gradient(#000b,#000 22%,#000 82%,#0006)}
.home-network svg{display:block;width:100%;height:100%}
.home-network__map{opacity:.07}
.network-route{stroke:#c39c59;stroke-width:.65;opacity:.14;vector-effect:non-scaling-stroke}
.network-signal{stroke:#e3c895;stroke-width:1.05;stroke-linecap:round;stroke-dasharray:.8 99.2;stroke-dashoffset:0;opacity:0;vector-effect:non-scaling-stroke}
.network-node__halo{fill:#d6b171;opacity:.1;transform-box:fill-box;transform-origin:center}
.network-node__light{fill:#e4cda1;opacity:.52;filter:drop-shadow(0 0 2px #d5aa6455)}
.home-spotlight{inset:auto;left:calc(50% - 1590px);top:calc(50% - 340px);width:1380px;height:850px;background:url('../images/6f5d6645ff400959.png') center/contain no-repeat;opacity:.85;filter:saturate(.3);transform:rotate(-12deg);transform-origin:12% 65%;z-index:1}
.home-nav a{position:relative;padding:5px 0}
.home-nav a::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#c5a364;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.home-nav a:hover::after,.home-nav a:focus-visible::after{transform:scaleX(1)}
.home-trial{box-shadow:inset 0 1px 0 #eed9ac0d}
.home-hero__actions .refresh-button{position:relative;isolation:isolate;overflow:hidden}
.home-hero__actions .refresh-button::before{content:"";position:absolute;z-index:-1;inset:-70% -35%;background:linear-gradient(105deg,transparent 40%,#fff4cf33 48%,transparent 56%);transform:translateX(-80%);pointer-events:none}
/* Distinct, floating artwork sits behind the plan information. */
.pricing-section{position:relative;isolation:isolate;overflow:hidden;overflow:clip;background:radial-gradient(ellipse at 75% 35%,#b68b461a,transparent 52%),#1a1a1a}
.pricing-section::before{content:"";position:absolute;z-index:-1;right:calc(50% - 900px);top:-160px;width:780px;height:780px;border:1px solid #b68b4619;border-radius:50%;box-shadow:0 0 0 80px #b68b4605,0 0 0 160px #b68b4603;pointer-events:none}
.pricing{position:relative;z-index:1}
.plan{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#292824f2,#202020ec);box-shadow:inset 0 1px 0 #ffe5b70a,0 18px 36px #0002;transition:border-color .3s,box-shadow .3s,opacity .65s ease var(--reveal-delay,0s),transform .65s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0s)}
.plan--premium{background:linear-gradient(125deg,#383023,#23221f 76%);box-shadow:inset 0 1px 0 #e5c58830,0 18px 50px #b68b460b}
.plan__art{position:absolute;z-index:-1;right:-48px;top:104px;width:265px;pointer-events:none;opacity:.12}
.plan__art img{display:block;width:100%;height:auto;transform:rotate(14deg)}
.plan--premium .plan__art{right:-58px;top:98px;width:330px;opacity:.21}
.plan::after{content:"";position:absolute;z-index:-1;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#efd09b88,transparent);transform:translateX(-90%);opacity:0;pointer-events:none}
.plan__button{position:relative;overflow:hidden}
.plan__button svg{transition:transform .25s}
.pricing a.plan__button:hover svg{transform:translateX(4px)}
.pricing .plan--premium a.plan__button{background:linear-gradient(120deg,#cfaa66,#b68b46 65%,#a27a38);box-shadow:inset 0 1px 0 #ffe1a377,0 8px 28px #0002}
.pricing a.plan__button:focus-visible{outline:2px solid #edc77e;outline-offset:4px}
.plan__badge{border:1px solid #b68b4638}
/* Small reactions repeat the same gold-light vocabulary throughout the page. */
.home-stats>div,.home-features article,.home-steps li,.install-details{transition:border-color .3s,box-shadow .3s,opacity .65s ease var(--reveal-delay,0s),transform .65s cubic-bezier(.2,.65,.3,1) var(--reveal-delay,0s)}
.home-stats>div::after{transform:translate(0,0)}
.home-features article::after{transition:transform .8s ease}
.home-steps li>span{transition:box-shadow .3s,border-color .3s}
.install-help svg,.home-steps a svg,.footer-support__button svg{transition:transform .25s}
.install-help:hover svg,.home-steps a:hover svg,.footer-support__button:hover svg{transform:translateX(3px)}
.footer-directory a{transition:color .2s,text-shadow .2s}
.footer-directory a:hover{color:#dec18e!important;text-shadow:0 0 18px #b68b4633}
@media(hover:hover) and (pointer:fine){
 .plan:hover{border-color:#c6a16488;box-shadow:inset 0 1px 0 #ffdfa81c,0 20px 42px #0004}
 .plan--premium:hover{border-color:#e4bd7c;box-shadow:0 18px 46px #b68b4618}
 .home-stats>div:hover,.home-features article:hover,.home-steps li:hover{border-color:#c6a16477;box-shadow:inset 0 1px 0 #ffdfa814,0 15px 32px #0003}
 .home-features article:hover::after{transform:translate(-9px,9px)}
 .home-steps li:hover>span{border-color:#e2b76b88;box-shadow:0 0 24px #b68b462b}
}
@media(prefers-reduced-motion:no-preference){
 .home-motion .network-signal{animation:youvpn-network-flow var(--route-duration,5.5s) linear infinite;animation-delay:var(--route-delay,0s);animation-play-state:paused}
 .home-motion .network-node__halo{animation:youvpn-node-pulse 7s ease-in-out infinite;animation-delay:var(--node-delay,0s);animation-play-state:paused}
 .home-motion .home-spotlight{animation:youvpn-spotlight-sweep 13s ease-in-out infinite;animation-play-state:paused}
 .home-motion .home-intro.is-in-view .network-signal,.home-motion .home-intro.is-in-view .network-node__halo,.home-motion .home-intro.is-in-view .home-spotlight{animation-play-state:running}
 .home-motion .plan__art img{animation:youvpn-plan-float 9s ease-in-out infinite;animation-play-state:paused}
 .home-motion .plan--premium .plan__art img{animation-delay:-4s;animation-duration:11s}
 .home-motion .plan::after{animation:youvpn-border-glint 8s ease-in-out infinite;animation-play-state:paused}
 .home-motion .plan--premium::after{animation-delay:-4s}
 .home-motion .pricing-section.is-in-view .plan__art img,.home-motion .pricing-section.is-in-view .plan::after{animation-play-state:running}
 .home-motion .home-overview__art::before{animation:youvpn-orbit-breathe 8s ease-in-out infinite;animation-play-state:paused}
 .home-motion .home-overview.is-in-view .home-overview__art::before{animation-play-state:running}
 .home-motion .home-steps li:not(:last-child)::after{background-size:200% 200%;animation:youvpn-step-flow 5s linear infinite;animation-play-state:paused}
 .home-motion .home-setup.is-in-view .home-steps li:not(:last-child)::after{animation-play-state:running}
}
@keyframes youvpn-network-flow{0%{stroke-dashoffset:2;opacity:0}8%{opacity:.48}72%{opacity:.48}82%,100%{stroke-dashoffset:-100;opacity:0}}
@keyframes youvpn-node-pulse{0%,100%{transform:scale(.85);opacity:.07}50%{transform:scale(1.12);opacity:.13}}
@keyframes youvpn-spotlight-sweep{0%,100%{transform:translateY(0) rotate(-12deg);opacity:.72}50%{transform:translateY(36px) rotate(4deg);opacity:.95}}
@keyframes youvpn-plan-float{0%,100%{transform:translateY(0) rotate(14deg)}50%{transform:translateY(-13px) rotate(7deg)}}
@keyframes youvpn-border-glint{0%,12%{transform:translateX(-90%);opacity:0}40%,60%{opacity:.85}90%,100%{transform:translateX(90%);opacity:0}}
@keyframes youvpn-orbit-breathe{0%,100%{transform:rotate(-20deg) scaleX(1.2);opacity:.6}50%{transform:rotate(12deg) scaleX(1.27);opacity:1}}
@keyframes youvpn-step-flow{to{background-position:200% 200%}}
@media(min-width:960px) and (min-height:850px){.home-hero{padding-top:40px;padding-bottom:60px}.home-hero h1{font-size:clamp(52px,4.3vw,68px)}.home-hero__visual img{max-height:560px}}
@media(max-width:1199px){.home-spotlight{left:calc(50% - 1120px);width:1100px;height:730px;top:calc(50% - 250px)}.plan__art{width:220px;right:-45px;top:115px}.plan--premium .plan__art{width:285px;right:-55px}}
@media(max-width:959px){.home-spotlight{left:-580px;top:25%;width:1000px;height:680px}.plan__art{opacity:.1;right:-65px}.plan--premium .plan__art{opacity:.16}}
@media(max-width:639px){.home-hero{align-content:center}.home-network{opacity:.8}.home-network svg{width:100%;max-width:none;margin-left:0}.home-spotlight{left:-670px;top:25%;width:1000px;height:720px;opacity:.17}.home-network__map{opacity:.085}.network-route{opacity:.12}.network-signal:nth-of-type(4n){display:none}.home-intro .home-hero__visual img{max-height:215px}.plan__art{top:92px;right:-35px;width:220px;opacity:.12}.plan--premium .plan__art{width:265px;right:-48px;top:102px;opacity:.2}.home-stats strong{font-size:22px}.home-stats span{max-width:125px}}
@media(prefers-reduced-motion:reduce){
 .home-intro *,.pricing-section *,.home-overview__art::before,.plan::after,.home-steps li::after{animation:none!important}
 .network-signal{opacity:0}
 .home-spotlight{opacity:.72}
 .home-stats>div,.home-features article,.home-steps li,.install-details,.plan,.plan__button svg,.home-nav a::after,.footer-directory a,.home-steps li>span,.home-features article::after,.install-help svg,.home-steps a svg,.footer-support__button svg{transition:none}
}
/* Section labels follow the existing pricing heading hierarchy. */
.refresh-section .section-heading{display:flex;align-items:baseline;gap:11px;margin:0;max-width:none;color:#fff;font-family:var(--site-text-font,SiteSans,Arial,sans-serif);font-size:43px;line-height:1.3;font-weight:900;letter-spacing:0}
.section-heading__slashes{flex:0 0 auto;color:#bb8839;white-space:nowrap}
.section-heading>span:last-child{min-width:0}
.section-caption{margin:14px 0 0;color:#bfbfbf;font-size:17px;font-weight:300;line-height:1.5}
.home-overview__heading .refresh-lead{margin-top:14px}
.home-features__intro .section-caption{max-width:350px}
.home-reviews__heading .section-caption{margin-top:12px}
@media(max-width:959px){.refresh-section .section-heading{font-size:38px}.home-features>.refresh-container{display:block}.home-features__intro{min-height:220px;padding:0 230px 0 0}.home-features__intro .section-heading{font-size:38px}.home-features__art{position:absolute;right:-15px;top:-40px;width:300px;max-width:none;margin:0}.home-features__grid{margin-top:20px}.section-caption{font-size:16px}}
@media(max-width:639px){.refresh-section .section-heading,.home-features__intro .section-heading{font-size:27px;line-height:1.3;gap:9px}.section-caption{font-size:16px;line-height:1.5;margin-top:12px}.home-features__intro{display:block;min-height:210px;padding:0}.home-features__intro .section-caption{max-width:190px}.home-features__art{right:-38px;top:61px;width:210px}.home-overview__heading{padding-right:40px}.home-overview__art{top:55px;opacity:.25}.home-reviews__heading .section-caption{margin-top:12px}}
@media(max-width:479px){.refresh-section .section-heading,.home-features__intro .section-heading{line-height:1.1}}
@media(max-width:359px){.home-features__intro{min-height:215px}.home-features__art{right:-47px;top:72px;width:200px}.home-features__intro .section-caption{max-width:160px}}
/* A restrained display face and champagne light on the first-screen controls. */
.home-hero h1{font-family:YouVPNDisplay,SiteSans,Arial,sans-serif;font-weight:650;line-height:1.1;letter-spacing:-.035em;font-kerning:normal;color:#f8f7f4}
.home-hero__actions .home-trial-button{background:transparent;border:3px solid #b68b46b3;color:#fff!important;font-weight:500;box-shadow:inset 0 1px 0 #ffedc809,0 8px 26px #0000000d;transition:background-color .25s,border-color .25s,box-shadow .25s,transform .25s}
.home-hero__actions .home-trial-button::before{background:linear-gradient(105deg,transparent 40%,#fff2d413 48%,transparent 56%);transition:transform .65s ease}
.home-hero__actions .home-trial-button:is(:hover,:focus-visible){background:#8b6934;border-color:#d4af70;box-shadow:inset 0 1px 0 #ffe7ba33,0 0 28px #b68b462b}
.home-hero__actions .home-trial-button:is(:hover,:focus-visible)::before{transform:translateX(80%)}
.home-trial-button svg{transition:transform .28s;color:#d7be8f}
.home-trial-button:is(:hover,:focus-visible) svg{transform:translateX(3px)}
.home-hero .hero-platforms__icon::before{content:"";position:absolute;inset:-6px;border-radius:50%;background:radial-gradient(circle,#d5b57920,transparent 70%);opacity:0;transition:opacity .25s;pointer-events:none}
.home-hero .hero-platforms__icon img{position:relative;transition:transform .25s ease,filter .25s ease;transform-origin:center}
.home-hero .hero-platforms__icon:is(:hover,:focus-visible)::before{opacity:1}
.home-hero .hero-platforms__icon:is(:hover,:focus-visible) img{transform:translateY(-2px) scale(1.15);filter:brightness(1.8) sepia(.15) drop-shadow(0 2px 7px #d6b77d33)}
@supports ((background-clip:text) or (-webkit-background-clip:text)){
 .home-hero h1{background-image:linear-gradient(110deg,#eeeae3 0%,#eeeae3 40%,#cda45f 45%,#ffeac0 48%,#fff 50%,#fff 51%,#f2dba9 53%,#cda45f 56%,#eeeae3 61%,#eeeae3 100%);background-size:300% 100%;background-position:100% 50%;background-clip:text;-webkit-background-clip:text;color:transparent}
 @media(prefers-reduced-motion:no-preference){.home-motion .home-hero h1{animation:youvpn-title-sheen 4.8s ease-in-out infinite;animation-play-state:paused}.home-motion .home-intro.is-in-view .home-hero h1{animation-play-state:running}}
}
@keyframes youvpn-title-sheen{0%,12%{background-position:100% 50%}46%,100%{background-position:0% 50%}}
@media(prefers-reduced-motion:reduce){
 .home-hero h1{background:none;color:#f8f7f4;animation:none!important}
 .home-hero__actions .home-trial-button,.home-hero__actions .home-trial-button::before,.home-trial-button svg,.home-hero .hero-platforms__icon img,.home-hero .hero-platforms__icon::before{transition:none}
 .home-hero__actions .home-trial-button:is(:hover,:focus-visible),.home-trial-button:is(:hover,:focus-visible) svg,.home-hero .hero-platforms__icon:is(:hover,:focus-visible) img{transform:none}
.home-hero__actions .home-trial-button::before{display:none}
}
/* Phone decorations stay inside the same gutters as their section content. */
.home-stat-icon{display:none}
@media(max-width:639px){
 .home-overview,.home-features,.home-setup,#rec875619397,#rec875075536{--section-word-height:clamp(24px,8vw,32px)}
 .home-overview,.home-features,.home-setup{padding-top:76px}
 .home-overview::before,.home-features::before,.home-setup::before{left:24px;right:24px;top:20px;width:auto;height:var(--section-word-height);opacity:.08}
 /* Match the visible lettering height, compensating for each original PNG's transparent margins. */
 .home-overview::before{background-size:calc(var(--section-word-height)*10.7527) calc(var(--section-word-height)*1.5269);background-position:calc(var(--section-word-height)*-.3656) calc(var(--section-word-height)*-.1935)}
 .home-features::before{background-size:calc(var(--section-word-height)*9.5556) calc(var(--section-word-height)*2.4444);background-position:calc(var(--section-word-height)*-.1333) calc(var(--section-word-height)*-.4222)}
 .home-setup::before{background-size:calc(var(--section-word-height)*11.7733) calc(var(--section-word-height)*3.0933);background-position:calc(var(--section-word-height)*-.7733) calc(var(--section-word-height)*-.9867)}
 .home-overview__heading{padding-right:0}
 .home-overview__art{display:none}
 .home-stats>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;min-height:122px;padding:21px 22px;background:linear-gradient(115deg,#383127b3,#232322 80%)}
 .home-stats>div::after{display:block;width:100px;height:100px;right:8px;bottom:6px;opacity:.34}
 .home-stats .home-stat-icon{display:none}
 .home-stats strong{grid-column:2;grid-row:1;font-size:22px;line-height:1.25}
 .home-stats span{grid-column:2;grid-row:2;max-width:none;margin:0;text-align:left;font-size:12px;line-height:1.5}
 #rec875619397,#rec875075536{overflow:hidden;overflow:clip}
 #rec875619397 .canvas-elem[data-elem-id="1740752482505"],#rec875075536 .canvas-elem[data-elem-id="1738940569511"]{left:24px!important;right:24px!important;top:20px!important;width:calc(100% - 48px)!important;height:var(--section-word-height)!important}
 #rec875619397 .canvas-elem[data-elem-id="1740752482505"] .canvas-atom{background-size:calc(var(--section-word-height)*7.7838) calc(var(--section-word-height)*2.1351)!important;background-position:calc(var(--section-word-height)*-.2703) calc(var(--section-word-height)*-.5270)!important}
 #rec875075536 .canvas-elem[data-elem-id="1738940569511"] .canvas-atom{background-size:calc(var(--section-word-height)*8) calc(var(--section-word-height)*2)!important;background-position:calc(var(--section-word-height)*-4.5) calc(var(--section-word-height)*-.48)!important}
}
@media(max-width:359px){
 .home-overview::before,.home-features::before,.home-setup::before{left:20px;right:20px}
 .home-stats>div{padding:17px 16px;column-gap:12px}
 .home-stats strong{font-size:21px}
 #rec875619397 .canvas-elem[data-elem-id="1740752482505"],#rec875075536 .canvas-elem[data-elem-id="1738940569511"]{left:20px!important;right:20px!important;width:calc(100% - 40px)!important}
}

/* Meaningful decorative artwork, with a quiet text area on every card. */
.home-features__intro{align-self:center;min-height:0;padding:0}
@media(max-width:959px){.home-features__intro .section-caption{max-width:none}.home-features__grid{margin-top:26px}}
@media(min-width:640px){.home-features article{padding-right:150px;min-height:146px}.home-stats strong{font-size:clamp(23px,2.05vw,29px)}.home-stats span{max-width:76%}}
@media(min-width:640px) and (max-width:959px){.home-features article{padding-right:90px}.home-features article::after{right:-10px;opacity:.28;width:124px;height:124px;margin-top:-62px}}
@media(max-width:639px){.home-features article::after{width:126px;height:126px;right:-8px;margin-top:-63px;opacity:.16;mask-image:linear-gradient(90deg,transparent,#000 55%)}.home-stats strong,.home-stats span{max-width:calc(100% - 54px)}}
@media(hover:hover) and (pointer:fine){.home-stats>div::after{transition:transform .8s ease,opacity .8s ease}.home-stats>div:hover::after{transform:translate(-4px,-3px);opacity:.44}.home-features article:hover::after{transform:translate(-4px,-3px)}}
@media(prefers-reduced-motion:reduce){.home-stats>div::after,.home-features article::after{transition:none;transform:none!important}}