/* Trinity's city-atlas palette, shared by every customer VPN view. */
:root{--navy:#243d49;--ink:#243d49;--muted:#76796f;--green:#8e744e;--mint:#e8dcc1;--line:#ded8ca;--paper:#f5f2e9;--focus-travel:0 0 0 4px #b59a7026}
body.vpn-site{background:#faf8f3;color:#243d49}.vpn-site .site-header{border-color:#ded8ca}.vpn-site .site-header nav{color:#626b67}.vpn-site .brand small{color:#868371}.vpn-site .nav-account{background:#f5f2e9;border-color:#d9cfba;color:#243d49}.vpn-site .eyebrow{color:#91816a;letter-spacing:1.8px}.vpn-site .mint-dot{background:#b59a70}.vpn-site .hero{padding-top:66px;padding-bottom:76px}.vpn-site .hero h1{font-weight:600}.vpn-site .hero h1 em{color:#8e744e}.vpn-site .hero-description{color:#6b736c}.vpn-site .hero-note{color:#858477}.vpn-site .hero-note i{background:#cfc4af}.vpn-site .text-link{color:#786343}.vpn-site .button.primary{background:#243d49;border:1px solid #243d49;color:#fffdf7;box-shadow:none}.vpn-site .button.secondary{background:#f8f5ed;border-color:#d9cfbc;color:#4b5a5e}.vpn-site .button.light{background:#eee4d0;color:#243d49;border-color:#eee4d0}.vpn-site .button,.vpn-site .nav-account{border-radius:9px}.vpn-site .button.primary:hover{background:#344f59;border-color:#344f59}.vpn-site .button.secondary:hover,.vpn-site .nav-account:hover{background:#eee7d9;border-color:#baa27d}.vpn-site .service-strip{background:#f0eadf;border-color:#ded8ca;color:#4a5b5d}.vpn-site .service-strip span{color:#897250}.vpn-site .how-section{background:#f2eee5}.vpn-site .steps article{border-color:#d6cebd}.vpn-site .steps article>span{color:#a18a64}.vpn-site .steps h3{font-weight:600}.vpn-site .steps p,.vpn-site .section-head>p,.vpn-site .faq>div>p{color:#73786e}.vpn-site .region-panel,.vpn-site .region-panel.japan{background:#fdfcf8;background-image:none;border:1px solid #ded8ca;border-radius:14px}.vpn-site .region-label{color:#89795e}.vpn-site .region-title>span{color:#cfc1a6}.vpn-site .region-panel>p{color:#71786e}.vpn-site .region-foot{border-color:#ded8ca;color:#8a816f}.vpn-site .faq-list details{border-color:#ded8ca}.vpn-site .faq-list summary{color:#344c54}.vpn-site .faq-list summary:after{color:#a18a64}.vpn-site .faq-list p{color:#71786e}.vpn-site .closing{background:#243d49;color:#fffdf7}.vpn-site .closing .eyebrow{color:#d4c2a0}.vpn-site .site-footer{border-color:#ded8ca}.vpn-site .site-footer nav,.vpn-site .site-footer>p,.vpn-site .footer-brand span{color:#827c6c}
.vpn-site .auth-wrap{gap:70px;padding-top:70px;padding-bottom:80px}.vpn-site .auth-story{padding:22px 0}.vpn-site .auth-story h1{color:#243d49;font-weight:600}.vpn-site .auth-story .eyebrow{color:#9a815b}.vpn-site .auth-domain{color:#9a815b;letter-spacing:2px}.vpn-site .auth-card{background:#fdfcf8;border:1px solid #ded8ca;box-shadow:0 15px 42px #3a3b3007;border-radius:16px;position:relative}.vpn-site .auth-card:before{content:'';position:absolute;top:0;left:38px;width:42px;height:3px;background:#b59a70}.vpn-site .auth-card h2{font-weight:600}.vpn-site .auth-help,.vpn-site .muted{color:#777d72}.vpn-site input{background:#fffdf8!important;border-color:#d7cebc!important;color:#243d49}.vpn-site input::placeholder{color:#929489;opacity:1}.vpn-site input:focus{border-color:#b59a70!important;box-shadow:0 0 0 4px #b59a701c}.vpn-site input:focus-visible{outline-color:#a68b61}.vpn-site a:focus-visible,.vpn-site button:focus-visible,.vpn-site summary:focus-visible{outline-color:#a68b61}.vpn-site .form-error{background:#faf0e9;border-color:#dfbca7;color:#934e34}
.vpn-site .account-heading{padding-bottom:25px;border-bottom:1px solid #ded8ca}.vpn-site .account-heading h1{font-weight:600}.vpn-site .connections{margin-top:26px}.vpn-site .connection-card{background:#fdfcf8;border:1px solid #ded8ca;border-radius:15px;box-shadow:0 10px 30px #3a3b3005}.vpn-site .connection-heading h2{font-weight:600}.vpn-site .usage-grid{border-color:#e4dece;background:#f7f3e9;padding:22px 18px;border-radius:9px}.vpn-site .usage-grid strong{color:#243d49;font-weight:600}.vpn-site .usage-grid span,.vpn-site .connection-data,.vpn-site .account-note{color:#7d7d6f}.vpn-site .status-pill{background:#eaf0e5;color:#4d654b;border-color:#d5dfcd}.vpn-site .status-pill.off{background:#f4e7dc;color:#9a5736}.vpn-site .notice{background:#f3eddf;border-color:#ded1b8;color:#6f624b}.vpn-site .document-page>h1{font-weight:600}.vpn-site .document-lead{color:#7b7e71}.vpn-site .document-page article{margin-top:28px;padding:1px 28px 24px;background:#fdfcf8;border:1px solid #ded8ca;border-radius:14px}.vpn-site .document-page article h2{font-weight:600;color:#4b5b5b}.vpn-site .document-page article p{color:#70766e}.vpn-site .service-statement{background:#f2eee4;border-color:#dcd2bd;color:#626b62}.vpn-site .service-statement h2{color:#344b52;font-weight:600}.vpn-site .service-statement .statement-limit{border-color:#dcd2bd;color:#7b7a6b}
.vpn-site .travel-select-trigger{background:#fdfcf8;border-color:#ded8ca;color:#4b5b5b}.vpn-site .site-header .travel-select-trigger{background:#fdfcf8;border-color:#ded8ca}.vpn-site .travel-select-trigger:hover,.vpn-site .travel-select-trigger[aria-expanded=true]{background:#f5efe2;border-color:#bea77f;box-shadow:0 0 0 4px #b59a7018}.vpn-site .select-chevron{border-color:#938065}.vpn-site .travel-select-menu{background:#fdfcf8;border-color:#ded8ca;box-shadow:0 18px 48px #3a3b301a}.vpn-site .travel-select-menu button{color:#53605d}.vpn-site .travel-select-menu button:hover,.vpn-site .travel-select-menu button:focus-visible{background:#f2ecdf;color:#243d49;outline-color:#b59a70}.vpn-site .travel-select-menu button[aria-selected=true]{background:#eee4d0;color:#4d493f}.vpn-site .travel-select-menu button[aria-selected=true]:after{color:#977443}.vpn-site dialog{background:#fdfcf8;color:#243d49;border:1px solid #d8ceba;border-radius:16px;box-shadow:0 25px 80px #243d4929}.vpn-site dialog::backdrop{background:#243d4966;backdrop-filter:blur(5px)}.vpn-site .icon-button{background:#f1ece1;color:#675c49;border-color:#dfd4be}.vpn-site #toast{background:#243d49;color:#fffdf7;border-color:#b59a70}
@media(max-width:760px){.vpn-site .hero{padding-top:35px;padding-bottom:44px}.vpn-site .auth-wrap{gap:14px;padding-top:26px;padding-bottom:45px}.vpn-site .auth-story{padding:8px 0}.vpn-site .auth-card{padding:25px}.vpn-site .auth-card:before{left:25px}.vpn-site .document-page article{padding:1px 20px 20px}.vpn-site .usage-grid{padding:18px 12px;gap:8px}.vpn-site .usage-grid strong{font-size:19px}.vpn-site .account-actions{flex-wrap:wrap}.vpn-site .account-heading{gap:18px}.vpn-site .connection-buttons{gap:9px}}