/* Approved public-page visual completion. Account/payment-result layouts excluded. */
.svp-public-brand{--brand-navy:#0f2c3f;--brand-coral:#ed5651;--brand-cream:#f4efe8}
.svp-public-brand .header,.svp-public-brand .footer{background:#0f2c3f!important}
.svp-public-brand .header .btn,.svp-public-brand .footer .btn{background:#ed5651!important;border-radius:40px!important;font-family:Poppins,sans-serif;font-weight:700}
.svp-public-brand .header .mobile-menu-wrap{background:#0f2c3f!important;background-image:none!important}
.svp-public-brand .header .mobile-menu-wrap:before,.svp-public-brand .header .mobile-menu-wrap:after{background:none!important}
.svp-public-brand .header .mobile-menu-wrap .mobile-inner-wrap{background:transparent!important}
.svp-public-faq,.svp-public-policy,.svp-public-terms,.svp-public-WhatIsVPN,.svp-public-signup{background:#f4efe8}
.svp-public-brand .hero:not(.hero-form){background:#0f2c3f!important;background-image:none!important}
.svp-public-brand .hero h1,.svp-public-brand .hero h2{color:white;font-family:Poppins,sans-serif;font-weight:800}
.svp-public-brand .hero .hero-description,.svp-public-brand .hero .hero-description p{color:#d8e2e8}
.svp-public-brand .hero .btn{background:#ed5651;border-radius:40px}
.svp-public-brand .svpn-help{padding:52px 24px 64px}
.svp-public-brand .svpn-help .container{max-width:1000px;background:#fff;padding:36px 42px;border-radius:18px}
.svp-public-brand .svpn-help h1{color:#0f2c3f;font-family:Poppins,sans-serif;font-weight:800;margin-bottom:28px}
.svp-public-brand .svpn-help h2{font-family:Poppins,sans-serif;color:#0f2c3f;font-weight:700}
.svp-public-brand .svpn-help a,.svp-public-policy .section a,.svp-public-terms .section a{color:#b63231}
.svp-public-policy container.container,.svp-public-terms container.container{display:block;max-width:1140px;padding:32px 24px 12px;margin:0 auto!important}
.svp-public-policy container h1,.svp-public-terms container h1{font:800 clamp(30px,4vw,44px)/1.2 Poppins,sans-serif;color:#0f2c3f;margin-bottom:18px}
.svp-public-policy .last-updated,.svp-public-terms .last-updated{font:400 14px/1.5 Mulish,sans-serif;color:#52616c}
.svp-public-policy section.section,.svp-public-terms section.section{background:#f4efe8;padding:28px 24px 56px!important}
.svp-public-policy .section-inner>.container,.svp-public-terms .section-inner>.container{background:#fff;border-radius:18px;padding:36px 40px;max-width:1092px}
.svp-public-policy .section h2,.svp-public-terms .section h2,.svp-public-WhatIsVPN .section h2{font-family:Poppins,sans-serif;color:#0f2c3f;font-weight:800}
.svp-public-policy .section p,.svp-public-policy .section li,.svp-public-terms .section p,.svp-public-terms .section li{line-height:1.75;overflow-wrap:break-word}
.svp-public-policy li::marker,.svp-public-terms li::marker{color:#ed5651;font-size:inherit}
.svp-public-WhatIsVPN .section{background:#f4efe8}
.svp-public-WhatIsVPN .thumbnail-image img{border-radius:18px}
.svp-public-WhatIsVPN .section .btn{background:#ed5651;border-radius:40px}
.svp-public-signup .unified-checkout{background:#f4efe8!important}
.svp-public-signup .unified-checkout h1{font-family:Poppins,sans-serif;font-weight:800;color:#0f2c3f}
.svp-public-signup .unified-checkout .panel{border-radius:18px}
.svp-auth-brand{background:#f4efe8;color:#0f2c3f}
.svp-auth-brand .hero-form{background:#f4efe8!important}
.svp-auth-brand .hero-form .hero-inner{min-height:100vh}
.svp-auth-brand .hero-form .hero-image{background:#0f2c3f!important;padding:48px;display:flex;align-items:center;justify-content:center;box-sizing:border-box}
.svp-auth-brand .hero-form .hero-image img{position:static!important;display:block!important;width:100%!important;height:auto!important;max-width:650px!important;border-radius:18px;object-fit:contain;transform:none!important;margin:0!important}
.svp-auth-brand .hero-body{background:#f4efe8!important}
.svp-auth-brand .form-title{color:#0f2c3f;font:800 clamp(30px,3vw,40px)/1.2 Poppins,sans-serif}
.svp-auth-brand .form-subtitle{color:#52616c;font:400 18px/1.6 Mulish,sans-serif}
.svp-auth-brand .form-label{color:#0f2c3f;font-weight:700}
.svp-auth-brand .form-input{background:#fff;border:1px solid #d3dce0;border-radius:12px;color:#0f2c3f}
.svp-auth-brand .btn{background:#ed5651!important;border-radius:40px;font:700 17px Poppins,sans-serif;color:white}
.svp-auth-brand .form-signup-text a,.svp-auth-brand .form-footer a,.svp-auth-brand .forgot-link{color:#b63231}
@media(max-width:900px){.svp-public-brand .svpn-help{padding:32px 12px 44px}.svp-public-brand .svpn-help .container{width:100%;padding:28px 22px}.svp-public-policy container.container,.svp-public-terms container.container{padding:30px 24px 12px}.svp-public-policy .section-inner>.container,.svp-public-terms .section-inner>.container{width:100%;padding:26px 18px}.svp-public-policy section.section,.svp-public-terms section.section{padding:18px 12px 40px!important}.svp-public-brand .svpn-help h2{font-size:22px}.svp-auth-brand .hero-form .hero-image{display:none!important}.svp-auth-brand .hero-body{width:100%!important}.svp-auth-brand .form-title{font-size:30px}}
/* Reset old fixed-height hero proportions and inherited text colours. */
.svp-auth-brand .form-title,.svp-auth-brand .form-title p{color:#0f2c3f!important;font-family:Poppins,sans-serif;font-weight:800;line-height:1.2}
.svp-auth-brand .form-subtitle,.svp-auth-brand .form-subtitle p{color:#52616c!important;font-family:Mulish,sans-serif;font-weight:400;line-height:1.6}
.svp-public-WhatIsVPN .hero h1,.svp-public-WhatIsVPN .hero h1 p{font-family:Poppins,sans-serif;font-weight:800;line-height:1.2}
.svp-public-WhatIsVPN .hero .hero-title,.svp-public-WhatIsVPN .hero .hero-title p{font:800 clamp(32px,4vw,48px)/1.2 Poppins,sans-serif!important;width:auto!important;color:white}
.svp-public-WhatIsVPN .hero .hero-image{background:url('/images/about/hero-illustration.png') center/cover no-repeat;border-radius:18px;overflow:hidden;min-height:360px}
.svp-public-WhatIsVPN .hero .hero-image img{visibility:hidden}
@media(max-width:900px){.svp-public-WhatIsVPN .hero,.svp-public-WhatIsVPN .hero-folder,.svp-public-WhatIsVPN .hero-inner{min-height:0!important;height:auto!important}.svp-public-WhatIsVPN .hero{padding:125px 24px 44px}.svp-public-WhatIsVPN .hero .container{padding:0;width:100%}.svp-public-WhatIsVPN .hero .hero-title{width:auto!important}.svp-public-WhatIsVPN .hero .hero-body{padding:0 0 28px}.svp-public-WhatIsVPN .hero .hero-image{display:block!important;min-height:280px;width:100%;position:static!important}.svp-public-WhatIsVPN .hero .hero-image img{width:100%;height:280px;position:static!important}.svp-public-WhatIsVPN .thumbnail .thumbnail-image{width:100%;max-width:300px;margin:24px auto}.svp-public-WhatIsVPN .thumbnail{flex-wrap:wrap}}
.svp-auth-brand .form-title *{color:#0f2c3f!important;font-family:Poppins,sans-serif;font-weight:800}
.svp-auth-brand .form-subtitle *{color:#52616c!important;font-family:Mulish,sans-serif;font-weight:400}
/* Keep the full fan illustration within shorter desktop windows. */
.svp-auth-brand .hero-form .hero-image img{max-height:calc(100vh - 96px)!important;width:auto!important;max-width:100%!important}
@media(min-width:901px){.svp-public-WhatIsVPN .hero .hero-image{background-size:contain;background-color:#0f2c3f;background-position:center}}