@font-face{font-family:SUIT;src:url('/travel-suit.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#25465d;--navy:#142f43;--muted:#77899b;--green:#407da6;--line:#dbe7ef;--paper:#f5f9fd;--ease-travel:cubic-bezier(.2,.75,.25,1);--focus-travel:0 0 0 4px #4c91c324}
body{font-family:SUIT,-apple-system,BlinkMacSystemFont,sans-serif;background:#fbfcfe;color:var(--ink)}button,input,select{font-family:inherit}button,a,summary{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:not(:disabled),a,summary{cursor:pointer}button,a,input{transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s var(--ease-travel)}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #518ab4;outline-offset:4px}.network-brand img{flex:none}.network-brand>span{border:0;padding:0;font-size:19px;letter-spacing:1px}.site-header{width:min(1200px,calc(100% - 80px));height:100px;padding:0;border-color:var(--line)}.site-header .brand{font-size:20px;letter-spacing:1px}.site-header nav{gap:24px;color:#5f7a90}.site-header .brand small{letter-spacing:1px;font-size:10px;font-weight:450}.site-header .brand-vpn{font-size:12px}.site-header .travel-select{width:150px}.wrap{max-width:1200px;padding-left:0;padding-right:0;width:calc(100% - 80px)}.hero{padding-top:68px;padding-bottom:68px;gap:56px}.hero h1{font-size:clamp(34px,4vw,52px);font-weight:650;letter-spacing:-.045em}.hero-description{line-height:1.95}.hero-note{color:var(--muted)}.connection-pass{background:linear-gradient(145deg,#244d68,#142f43);border:1px solid #355b76;box-shadow:0 16px 40px #254b6b14;border-radius:18px}.button,.nav-account{border-radius:9px;min-height:44px}.button.primary{background:#407da6;border-color:#407da6;color:#fff}.button.secondary{background:#f3f8fc;color:#366585;border-color:#cddfeb}.service-strip{background:#edf5fb;border-color:var(--line);color:var(--ink)}.how-section{background:#f3f7fb}.region-panel,.region-panel.japan{background:#fff;border-color:var(--line);border-radius:14px}.region-panel .region-foot{border-color:var(--line)}.auth-card,.connection-card,.qr-dialog{border-color:var(--line);background:#fff;border-radius:16px;box-shadow:0 12px 36px #254b6b08}input{background:#f8fbfe!important;border-color:#d2e1ec!important;border-radius:9px!important;min-height:46px}input:focus{box-shadow:var(--focus-travel)}.site-footer{border-color:var(--line)}.status-pill{background:#eaf3fa;color:#366585}.steps article>span{color:#709dbd}.notice{background:#edf5fb;border-color:var(--line)}.site-header nav .travel-select{margin-left:0}.site-header nav .travel-select-trigger{width:100%;font-size:12px;border-radius:22px}.select-chevron{width:7px;height:7px;border:solid #5d7a92;border-width:0 1.5px 1.5px 0;transform:rotate(45deg);flex:none;margin:0 3px 4px;transition:transform .2s}
.travel-select{display:block;width:100%;min-width:0}.travel-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:46px;padding:12px 14px;background:#f7fafd;border:1px solid #d5e2ec;border-radius:9px;color:#2c506c;font-size:14px;font-weight:600;text-align:left;transition:background .2s,border-color .2s,box-shadow .2s}.travel-select-value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.travel-select-trigger[aria-expanded=true],.destination-trigger[aria-expanded=true]{background:#fff;border-color:#83abc8;box-shadow:var(--focus-travel)}.select-chevron{transition:transform .22s var(--ease-travel)}.travel-select-trigger[aria-expanded=true] .select-chevron{transform:rotate(225deg)}
header .travel-select{width:190px;margin-left:auto}header .travel-select-trigger{min-height:42px;font-size:12px;background:#fff;border-color:#e0e8ef;border-radius:22px;padding:10px 15px}.journey-fields .travel-select-trigger{background:transparent;border:0;border-radius:7px;padding:9px 3px;font-size:14px}.journey-fields label{transition:background .2s}.journey-fields label:has([aria-expanded=true]){background:#f0f6fb}.currency-row .travel-select-trigger{min-height:52px}
.travel-select-menu{position:fixed;z-index:80;padding:7px;border:1px solid #dce7ef;border-radius:14px;background:#fff;box-shadow:0 18px 48px #234a6a21,0 3px 10px #234a6a0a;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b7cbdc transparent;animation:menu-arrive .18s var(--ease-travel) both;transform-origin:top}.travel-select-menu[data-direction=up]{transform-origin:bottom}.travel-select-menu button{display:block;position:relative;width:100%;min-height:44px;padding:11px 36px 11px 13px;border:0;border-radius:8px;background:transparent;color:#49647b;text-align:left;font-size:13px;line-height:1.55;transition:background .15s,color .15s}.travel-select-menu button[aria-selected=true]{background:#eaf3fa;color:#285f88;font-weight:700}.travel-select-menu button[aria-selected=true]:after{content:'✓';position:absolute;right:13px;color:#4782ad}.travel-select-menu button:focus-visible{background:#f0f6fb;outline:2px solid #83abc8;outline-offset:-2px}.travel-select-menu button:disabled{opacity:.45}.destination-menu{border-radius:14px;animation:menu-arrive .18s var(--ease-travel)}

.view:not([hidden]){animation:network-arrive .35s var(--ease-travel)}dialog[open]{animation:network-arrive .2s var(--ease-travel)}@keyframes network-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes menu-arrive{from{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:none}}@media(hover:hover){.button:hover,.nav-account:hover{transform:translateY(-2px);box-shadow:0 6px 18px #254b6b15}.travel-select-menu button:hover{background:#f0f6fb}.travel-select-trigger:hover{border-color:#acc8dd}.button:active{transform:scale(.98)}}
@media(max-width:760px){.site-header{width:calc(100% - 32px);height:auto;min-height:88px;flex-wrap:wrap;gap:16px;padding:18px 0}.site-header nav{width:100%;gap:16px;flex-wrap:wrap;font-size:12px}.site-header .brand{font-size:19px}.site-header nav .travel-select{width:135px;margin-right:auto}.site-header nav>a{min-height:40px;display:inline-flex;align-items:center}.wrap{width:calc(100% - 32px)}.hero{padding-top:40px;padding-bottom:40px;gap:30px;grid-template-columns:1fr}.hero-actions{gap:16px;flex-wrap:wrap}.hero-description br{display:none}.hero h1{font-size:38px}.network-brand>span{font-size:15px}.network-brand img{width:34px;height:34px}.home{font-size:10px;padding-left:12px}.site-footer nav{flex-wrap:wrap}.travel-select-menu{max-width:calc(100vw - 24px)}.connection-buttons{flex-wrap:wrap}.connection-data{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){body>header:not(.site-header){height:auto;min-height:100px;flex-wrap:wrap;gap:10px;padding:18px 0 12px}body>header:not(.site-header) .home{display:block;width:100%;margin-left:auto;border:0;padding:0 2px;text-align:right;font-size:11px;color:#407da6;line-height:24px}}
@media(max-width:760px){.site-header nav>a:not(.nav-account){display:inline-flex;align-items:center;min-height:40px}.site-header nav{column-gap:14px;row-gap:6px}}

/* Keep the Latin wordmark identical across interface languages. */
.site-header .brand,.site-header .brand>span{font-family:SUIT,sans-serif;font-weight:750}.site-header .brand-vpn{font-family:SUIT,sans-serif;font-weight:500}.site-header .brand small{font-family:SUIT,sans-serif;font-weight:450}

.service-statement{margin-top:40px;margin-bottom:32px;padding:24px;border:1px solid #d5e2ed;border-radius:12px;background:#f1f6fb;color:#466278;font-size:13px;line-height:1.9}.service-statement h2{margin:0 0 15px;font-size:18px;color:#25465d}.service-statement p{margin:12px 0}.service-statement .statement-limit{padding-top:12px;border-top:1px solid #d5e2ed;font-size:12px;color:#647b8d}@media(max-width:760px){.service-statement{padding:20px;font-size:13px}}

/* City atlas: warm paper, quiet ink and architectural line work. */
.network-atlas{width:100%;max-width:470px;justify-self:end;position:relative;padding:27px;background:#f5f2e9;border:1px solid #ded8ca;border-radius:18px;color:#243d49;box-shadow:0 18px 45px #343d3f0b;overflow:hidden}.atlas-masthead,.atlas-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:SUIT,sans-serif;font-size:9px;font-weight:650;letter-spacing:1.7px}.atlas-masthead{padding-bottom:20px;border-bottom:1px solid #dcd5c6;color:#49606a}.atlas-edition{color:#8c7451;letter-spacing:1px}.atlas-intro{padding:25px 0 24px}.atlas-intro>p{font-size:11px;color:#7a786e;margin:0 0 9px;font-weight:500}.atlas-intro h2{font-size:29px;font-weight:600;letter-spacing:-1px;line-height:1.45;margin:0}.atlas-intro h2 span{color:#8e744e}.atlas-cities{display:grid;gap:12px}.atlas-city{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:center;gap:4px;min-height:130px;padding:19px 17px 13px;border:1px solid #e1ded5;border-radius:11px;background:#fdfcf8;overflow:hidden}.atlas-city-copy{position:relative;z-index:1}.atlas-code{font-family:SUIT,sans-serif;font-size:9px;letter-spacing:1.4px;color:#8b7e68;font-weight:650}.atlas-city h3{margin:4px 0 3px;font-size:25px;font-weight:600;line-height:1.4;letter-spacing:-.6px}.atlas-city-copy>p{margin:0;font-size:11px;color:#6e7d80}.atlas-city svg{width:100%;height:auto;align-self:end;transition:transform .45s cubic-bezier(.2,.75,.25,1)}.atlas-footer{margin-top:23px;font-size:8px;letter-spacing:1.3px;color:#8b877b}.atlas-footer span:last-child{font-weight:450}.network-atlas:before{content:'';position:absolute;top:0;left:28px;width:44px;height:3px;background:#b59a70}@media(hover:hover){.atlas-city:hover svg{transform:translateY(-3px)}}@media(max-width:760px){.network-atlas{justify-self:center;max-width:470px;padding:23px;margin-top:10px}.atlas-intro h2{font-size:27px}.atlas-city{grid-template-columns:90px minmax(0,1fr);padding:16px 13px 11px}.atlas-city h3{font-size:24px}.atlas-footer{font-size:7px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){.atlas-city svg{transition:none}}